/* ============================================================
   Raptor — shared brand design tokens (light / dark / system)
   Single source of truth for fonts, palette, and theming across
   every page. Tokens only — no component or global rules, so it is
   safe to link into any page without side effects.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap');

:root {
  /* Fonts */
  --font-body: 'Inter', -apple-system, system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;

  /* Brand accents (orange + gold) */
  --accent-primary: #f97316;
  --accent-bright:  #fb923c;
  --accent-dark:    #ea580c;
  --accent-glow:    rgba(249, 115, 22, 0.12);
  --gold:           #c9a227;
  --gold-light:     #e6c453;

  /* Neutral surfaces (light) */
  --bg-primary:   #ffffff;
  --bg-secondary: #fafafa;
  --bg-tertiary:  #f4f4f5;

  /* Dark chrome (nav / tool top-bar & sidebar — dark in both themes) */
  --bg-dark:   #09090b;
  --bg-dark-2: #18181b;
  --bg-dark-3: #27272a;

  /* Text */
  --text-primary:   #09090b;
  --text-secondary: #52525b;
  --text-muted:     #71717a;
  --text-on-dark:   #fafafa;
  --text-on-dark-2: #a1a1aa;

  /* Functional status (keep meaning across the product) */
  --success: #22c55e;
  --warning: #f59e0b;
  --error:   #ef4444;

  /* Borders + radii */
  --border-light: #e4e4e7;
  --border-dark:  rgba(255, 255, 255, 0.10);
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
}

html { color-scheme: light; }

html[data-theme="dark"] {
  color-scheme: dark;
  --bg-primary:   #0d1117;
  --bg-secondary: #161b22;
  --bg-tertiary:  #1c2230;
  --text-primary:   #f0f2f5;
  --text-secondary: #b8bec9;
  --text-muted:     #8b929e;
  --border-light:   rgba(255, 255, 255, 0.12);
}