/* SpecForge Design System — Tokens
 * Modern dev-tool aesthetic (Linear/Vercel): dark-first, hairline borders,
 * restrained violet accent, tight type scale. Light variant via .theme-light.
 */
:root {
  /* Surfaces */
  --bg: #0b0c10;
  --bg-elev: #101218;
  --panel: #14161d;
  --panel-2: #181b23;
  --edge: #23262f;
  --edge-strong: #2e323d;

  /* Text */
  --fg: #e7e9ef;
  --muted: #9aa1ae;
  --faint: #6b7280;

  /* Accent */
  --accent: #7c5cff;
  --accent-hover: #8d70ff;
  --accent-press: #6a49f0;
  --accent-fg: #ffffff;
  --accent-soft: rgba(124, 92, 255, 0.14);
  --accent-ring: rgba(124, 92, 255, 0.45);

  /* Status */
  --success: #3fb950;
  --warn: #d29922;
  --danger: #f85149;

  /* Radius */
  --r-sm: 6px;
  --r: 8px;
  --r-lg: 12px;
  --r-xl: 16px;

  /* Shadow (subtle, dev-tool) */
  --shadow-1: 0 1px 0 rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-2: 0 4px 16px rgba(0, 0, 0, 0.4);
  --shadow-pop: 0 8px 30px rgba(0, 0, 0, 0.5);

  /* Type */
  --font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,
    Inter, Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, "SFMono-Regular", "JetBrains Mono", Menlo,
    Consolas, monospace;

  --text-xs: 12px;
  --text-sm: 13px;
  --text-base: 14px;
  --text-md: 16px;
  --text-lg: 18px;
  --text-xl: 22px;
  --text-2xl: 28px;
  --text-3xl: 36px;
  --text-4xl: 46px;

  /* Spacing scale (4px base) */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 20px;
  --s-6: 24px;
  --s-8: 32px;
  --s-10: 40px;
  --s-12: 48px;

  color-scheme: dark;
}

.theme-light {
  --bg: #ffffff;
  --bg-elev: #ffffff;
  --panel: #f7f8fa;
  --panel-2: #f1f3f7;
  --edge: #e6e8ec;
  --edge-strong: #d6d9e0;

  --fg: #0e1116;
  --muted: #5a616b;
  --faint: #868e98;

  --accent: #6a49f0;
  --accent-hover: #5b3ce0;
  --accent-press: #5031cf;
  --accent-fg: #ffffff;
  --accent-soft: rgba(106, 73, 240, 0.10);
  --accent-ring: rgba(106, 73, 240, 0.35);

  --shadow-1: 0 1px 2px rgba(16, 24, 40, 0.06);
  --shadow-2: 0 4px 16px rgba(16, 24, 40, 0.08);
  --shadow-pop: 0 8px 30px rgba(16, 24, 40, 0.12);

  color-scheme: light;
}