/* ==========================================================================
   OrbitBoard Design Tokens — walnut + brass + patina (ORB-49)
   Ported from: apps/orbitboard/lib/core/design_system/tokens/
   ========================================================================== */

:root {
  /* --- Background Layers (deep walnut) --- */
  --bg: #0F0F0A;
  --surface: #1A1A12;
  --surface-elevated: #222218;
  --surface-alt: #302C1F;
  --surface-hover: #3B3628;

  /* --- Borders --- */
  --border: #4A4433;
  --border-focus: #4AA296;
  --border-subtle: #33301F;

  /* --- Text (parchment) --- */
  --text-primary: #ECE5D2;
  --text-secondary: #A8A29A;
  --text-tertiary: #948D7C;
  --text-inverse: #0F0F0A;

  /* --- Accent (patina turquoise) --- */
  --accent: #4AA296;
  --accent-hover: #5DB6A9;
  --accent-glow: #6DC7BB;
  --accent-muted: #1A3B37;

  /* --- Secondary (brass) --- */
  --secondary: #C9923A;
  --secondary-hover: #D9A24A;
  --secondary-muted: #3D2E10;

  /* --- Tertiary (deepened red) --- */
  --tertiary: #A0301F;
  --tertiary-muted: #3B1410;
  /* Foreground variant for text/critical icons on dark surfaces — `tertiary`
     itself only hits ~2.4:1 on `surface`. Falls back to `tertiary` on
     light surfaces where the deeper red already reads >6:1. */
  --error-text: #D86048;

  /* --- Semantic --- */
  --success: #4CAF50;
  --success-muted: #1A2E10;
  --warning: #C9923A;
  --warning-muted: #3D2E10;
  --error: #A0301F;
  --error-muted: #3B1410;
  --info: #4AA296;
  --info-muted: #1A3B37;

  /* --- Priority --- */
  --priority-critical: #A0301F;
  --priority-high: #C9923A;
  --priority-medium: #AD9D38;
  --priority-low: #6B5F4A;

  /* --- Sticky Note Cards (dark mode) --- */
  --sticky-slate-bg: #26241C;
  --sticky-slate-accent: #8C8470;
  --sticky-amber-bg: #2E2010;
  --sticky-amber-accent: #C9923A;
  --sticky-rose-bg: #311612;
  --sticky-rose-accent: #A0301F;
  --sticky-sky-bg: #162B28;
  --sticky-sky-accent: #4AA296;
  --sticky-lime-bg: #22251A;
  --sticky-lime-accent: #7A9444;
  --sticky-violet-bg: #241B30;
  --sticky-violet-accent: #80689A;
  --sticky-peach-bg: #321F12;
  --sticky-peach-accent: #B26C36;
  --sticky-teal-bg: #15241F;
  --sticky-teal-accent: #4AA296;

  /* --- Typography (retro atomic age) --- */
  --font-heading: 'Righteous', 'Impact', cursive;
  --font-body: 'Josefin Sans', 'Futura', sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', monospace;

  /* --- Spacing (4px grid) --- */
  --sp-xxs: 2px;
  --sp-xs: 4px;
  --sp-sm: 8px;
  --sp-md: 12px;
  --sp-lg: 16px;
  --sp-xl: 20px;
  --sp-2xl: 24px;
  --sp-3xl: 32px;
  --sp-4xl: 40px;
  --sp-5xl: 48px;
  --sp-6xl: 64px;

  /* --- Border Radius --- */
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 999px;

  /* --- Shadows --- */
  --shadow-card: 0 2px 8px rgba(0, 0, 0, 0.35);
  --shadow-card-hover: 0 5px 14px rgba(0, 0, 0, 0.45);
  --shadow-card-drag: 0 10px 28px rgba(0, 0, 0, 0.55);
  --shadow-surface: 0 8px 24px rgba(0, 0, 0, 0.4);
  --shadow-modal: 0 16px 48px rgba(0, 0, 0, 0.5);
  --shadow-glow: 0 0 16px rgba(74, 162, 150, 0.25);
  --shadow-accent-glow: 0 0 20px rgba(74, 162, 150, 0.12);

  /* --- Layout --- */
  --container-max: 1200px;
  --section-py: 96px;
  --nav-height: 64px;
}