/* Design tokens. All colours live here — style.css must not hard-code values. */

:root {
  --radius-sm: 6px;
  --radius: 10px;
  --radius-lg: 14px;
  --column-width: 290px;
  --topbar-height: 60px;
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --transition: 140ms ease;
}

:root[data-theme="light"] {
  --bg: #eef1f6;
  --bg-gradient: radial-gradient(1200px 600px at 15% -10%, #ffffff 0%, rgba(255, 255, 255, 0) 60%);
  --surface: #ffffff;
  --surface-2: #f6f8fb;
  --surface-3: #e9edf4;
  --text: #17202f;
  --text-muted: #64708a;
  --border: #dde3ee;
  --border-strong: #c3ccdd;
  --accent: #4f46e5;
  --accent-hover: #4338ca;
  --accent-soft: rgba(79, 70, 229, 0.12);
  --danger: #dc2626;
  --danger-soft: rgba(220, 38, 38, 0.10);
  --success: #15803d;
  --shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.08);
  --shadow: 0 4px 14px rgba(16, 24, 40, 0.10);
  --shadow-lg: 0 18px 48px rgba(16, 24, 40, 0.20);
  --overlay: rgba(15, 20, 32, 0.45);
  --card-drag-ghost: rgba(79, 70, 229, 0.08);
}

:root[data-theme="dark"] {
  --bg: #0e1117;
  --bg-gradient: radial-gradient(1200px 600px at 15% -10%, #1b2233 0%, rgba(27, 34, 51, 0) 60%);
  --surface: #171b23;
  --surface-2: #1e2431;
  --surface-3: #27303f;
  --text: #e6eaf2;
  --text-muted: #97a1b6;
  --border: #2b3444;
  --border-strong: #3b4759;
  --accent: #818cf8;
  --accent-hover: #a5b4fc;
  --accent-soft: rgba(129, 140, 248, 0.16);
  --danger: #f87171;
  --danger-soft: rgba(248, 113, 113, 0.14);
  --success: #4ade80;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.5);
  --shadow: 0 6px 18px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 20px 55px rgba(0, 0, 0, 0.6);
  --overlay: rgba(4, 6, 10, 0.62);
  --card-drag-ghost: rgba(129, 140, 248, 0.12);
}