/* Constellation Writer — Notion Light Theme
   Warm white canvas, whisper borders, Notion Blue accent.
   Clean, paper-like reading experience. */

:root {
  /* Base (Notion warm whites) */
  --bg-base: #ffffff;
  --bg-surface: #ffffff;
  --bg-elevated: #f6f5f4;
  --bg-graph: #fafaf9;

  /* Borders (Notion whisper borders) */
  --border: rgba(0, 0, 0, 0.1);
  --border-light: rgba(0, 0, 0, 0.06);
  --border-focus: #0075de;

  /* Text (Notion warm near-black) */
  --text-primary: rgba(0, 0, 0, 0.9);
  --text-secondary: #615d59;
  --text-tertiary: #a39e98;
  --text-hint: #c4c0bb;

  /* Accents (Notion Blue as primary) */
  --accent-blue: #0075de;
  --accent-blue-hover: #005bab;
  --color-on-accent: #ffffff;
  --accent-gold: #dd5b00;
  --accent-green: #1aae39;
  --accent-red: #e03e3e;
  --accent-purple: #6b3fa0;
  --accent-cyan: #2a9d99;
  --accent-orange: #dd5b00;

  /* Node status colors */
  --node-empty: #c4c0bb;
  --node-draft: #0075de;
  --node-review: #6b3fa0;
  --node-final: #1aae39;
  --node-illustration: #dd5b00;

  /* Diff */
  --diff-add: rgba(26, 174, 57, 0.12);
  --diff-remove: rgba(224, 62, 62, 0.12);

  /* Hover */
  --hover-bg: rgba(0, 117, 222, 0.06);
  --hover-border: rgba(0, 0, 0, 0.15);

  /* Shadows (Notion multi-layer, barely-there) */
  --shadow-sm: rgba(0,0,0,0.04) 0px 1px 3px, rgba(0,0,0,0.02) 0px 0.5px 1px;
  --shadow-md: rgba(0,0,0,0.04) 0px 4px 18px, rgba(0,0,0,0.027) 0px 2px 8px, rgba(0,0,0,0.02) 0px 0.8px 3px;
  --shadow-lg: rgba(0,0,0,0.04) 0px 4px 18px, rgba(0,0,0,0.027) 0px 2px 8px, rgba(0,0,0,0.02) 0px 0.8px 3px, rgba(0,0,0,0.01) 0px 0.2px 1px;

  /* Layout */
  --left-panel-width: 280px;
  --right-panel-width: 400px;
  --topbar-height: 44px;
  --statusbar-height: 28px;

  /* Typography (Notion: Inter with negative tracking at display sizes) */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --font-mono: 'SF Mono', 'Consolas', 'JetBrains Mono', ui-monospace, monospace;
  --font-serif: 'Georgia', 'Noto Serif', ui-serif, serif;

  /* Transitions */
  --transition-fast: 0.12s ease;
  --transition-normal: 0.2s ease;

  /* Border radius (Notion: 4px buttons, 12px cards) */
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 12px;
  --radius-xl: 16px;
}