/* KeepAI Design System Tokens — High-Craft Light & Obsidian Dark */
:root {
  --bg: #f4f6f4;
  --bg-elev: #f9fbf9;
  --card: #ffffff;
  --card-2: #eef2ef;
  --card-glass: rgba(255, 255, 255, 0.78);
  --line: rgba(15, 28, 20, 0.08);
  --line-strong: rgba(15, 28, 20, 0.14);
  --ink: #0c1712;
  --muted: #43524b;
  --faint: #64726b;
  --brand: #16a34a;
  --brand-hi: #15803d;
  --brand-glow: rgba(22, 163, 74, 0.22);
  --brand-soft: #dcfce7;
  --on-brand: #ffffff;
  --amber: #b45309;
  --amber-soft: #fef3c7;
  --orange: #ea580c;
  --sun: #facc15;
  --sky: #0284c7;
  --sky-soft: #e0f2fe;
  --violet: #6d28d9;
  --violet-soft: #ede9fe;
  --neu: 0 1px 2px rgba(12, 23, 18, 0.04), 0 10px 28px -10px rgba(12, 23, 18, 0.08), 0 32px 64px -28px rgba(12, 23, 18, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.8);
  --neu-sm: 0 1px 2px rgba(12, 23, 18, 0.05), 0 4px 12px -4px rgba(12, 23, 18, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.7);
  --glass: rgba(249, 251, 249, 0.78);
  --glass-edge: rgba(15, 28, 20, 0.08);
  --shadow-lg: 0 4px 8px rgba(12, 23, 18, 0.04), 0 24px 48px -14px rgba(12, 23, 18, 0.16), 0 0 0 1px rgba(22, 163, 74, 0.18);
  --shadow-stage: 0 24px 60px -16px rgba(12, 23, 18, 0.16), 0 4px 16px -4px rgba(12, 23, 18, 0.06), 0 0 0 1px rgba(15, 28, 20, 0.09);
  --grid-dot: rgba(15, 28, 20, 0.065);
  --r-ctl: 10px;
  --r-card: 16px;
  --r-panel: 20px;
  --r-pill: 999px;
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  color-scheme: light;
}

[data-theme="dark"] {
  --bg: #080c0a;
  --bg-elev: #0d1310;
  --card: #111915;
  --card-2: #18231e;
  --card-glass: rgba(17, 25, 21, 0.78);
  --line: rgba(255, 255, 255, 0.075);
  --line-strong: rgba(255, 255, 255, 0.14);
  --ink: #f0f6f2;
  --muted: #9caea4;
  --faint: #6e8077;
  --brand: #22c55e;
  --brand-hi: #4ade80;
  --brand-glow: rgba(34, 197, 94, 0.25);
  --brand-soft: rgba(34, 197, 94, 0.14);
  --on-brand: #05140b;
  --neu: 0 2px 4px rgba(0, 0, 0, 0.4), 0 16px 36px -12px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.06);
  --neu-sm: 0 1px 3px rgba(0, 0, 0, 0.4), 0 6px 16px -6px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  --glass: rgba(11, 17, 14, 0.76);
  --glass-edge: rgba(255, 255, 255, 0.08);
  --shadow-lg: 0 8px 20px rgba(0, 0, 0, 0.5), 0 28px 56px -16px rgba(0, 0, 0, 0.75), 0 0 0 1px rgba(74, 222, 128, 0.28);
  --shadow-stage: 0 32px 72px -16px rgba(0, 0, 0, 0.75), 0 0 40px -10px rgba(34, 197, 94, 0.12), 0 0 0 1px rgba(255, 255, 255, 0.10);
  --grid-dot: rgba(255, 255, 255, 0.055);
  color-scheme: dark;
}