/* Saberly — Design Tokens */
:root {
  --navy: #1B2A4A;
  --navy-dark: #131F38;
  --navy-soft: #2A3A5E;
  --indigo: #4F46E5;
  --indigo-light: #EEF2FF;
  --indigo-soft: #7C7AFF;
  --indigo-dark: #3730A3;
  --muted: #6B778A;
  --muted-light: #9CA3AF;
  --light: #F7F8FA;
  --border: #E5E7EB;
  --border-strong: #D1D5DB;
  --white: #FFFFFF;
  --success: #12B76A;
  --success-light: #D1FADF;
  --warning: #F79009;
  --warning-light: #FEF0C7;
  --danger: #F04438;
  --danger-light: #FEE4E2;
  --rose-halo: #FFE4E6;
  --amber-halo: #FEF3C7;
  --violet-halo: #EDE9FE;

  --radius-card: 8px;
  --radius-btn: 6px;
  --radius-pill: 999px;
  --radius-sm: 4px;

  --shadow-card: 0 1px 3px rgba(27,42,74,.06), 0 1px 2px rgba(27,42,74,.04);
  --shadow-elev: 0 4px 12px rgba(27,42,74,.08), 0 2px 4px rgba(27,42,74,.04);
  --shadow-pop: 0 10px 30px rgba(27,42,74,.12), 0 4px 8px rgba(27,42,74,.06);

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;

  --sidebar-w: 240px;
  --topbar-h: 64px;
}