/* BIMAS design tokens — load before styles.css */
:root {
  --brand-blue:      #0057ff;
  --brand-blue-mid:  #0036b3;
  --brand-blue-light:#00a7ff;
  --brand-blue-deep: #001341;
  --brand-blue-dim:  #b9d4ff;
  --brand-blue-faint:#eef5ff;

  --brand-yellow:    #ffe600;
  --brand-yellow-mid:#ffb300;
  --brand-orange:    #ff7a00;
  --brand-orange-mid:#ff3d00;
  --brand-orange-dim:#ffd49a;
  --brand-orange-faint:#fff4e6;
  --brand-red:       #f51f0b;

  --success:   #15803d;  --success-bg: #dcfce7;  --success-border:#86efac;
  --warning:   #b45309;  --warning-bg: #fef3c7;  --warning-border:#fcd34d;
  --error:     #b91c1c;  --error-bg:   #fee2e2;  --error-border:  #fca5a5;
  --info:      #0369a1;  --info-bg:    #e0f2fe;  --info-border:   #7dd3fc;
  --purple:    #7c3aed;  --purple-bg:  #ede9fe;

  --bg:        #f2f4f8;
  --surface-0: #ffffff;
  --surface-1: #f7f8fc;
  --surface-2: #eef0f7;
  --surface-3: #e4e7f2;
  --surface-4: #d8dceb;

  --text-primary:  #0f1117;
  --text-secondary:#374151;
  --text-tertiary: #6b7280;
  --text-muted:    #9ca3af;
  --text-invert:   #ffffff;

  --border:      #e2e6f0;
  --border-focus:var(--brand-blue);

  --sidebar-bg:   #001341;
  --sidebar-text: rgba(255,255,255,0.70);
  --sidebar-dim:  rgba(255,255,255,0.28);
  --sidebar-hover:rgba(255,255,255,0.07);
  --sidebar-active:rgba(0,87,255,0.58);

  --glass-bg:     rgba(255,255,255,0.72);
  --glass-border: rgba(255,255,255,0.5);
  --glass-shadow: 0 8px 32px rgba(15,23,58,0.12);

  --font-display:'Plus Jakarta Sans', sans-serif;
  --font-body:   'Inter', sans-serif;
  --font-mono:   'IBM Plex Mono', monospace;

  --r-xs:.25rem; --r-sm:.375rem; --r-md:.5rem;
  --r-lg:.75rem; --r-xl:1rem;   --r-2xl:1.375rem;
  --r-3xl:1.75rem; --r-full:9999px;

  --shadow-xs: 0 1px 3px rgba(12,22,41,.06);
  --shadow-sm: 0 2px 8px rgba(12,22,41,.08), 0 0 0 1px rgba(12,22,41,.04);
  --shadow-md: 0 4px 20px rgba(12,22,41,.10), 0 0 0 1px rgba(12,22,41,.04);
  --shadow-lg: 0 8px 40px rgba(12,22,41,.14), 0 0 0 1px rgba(12,22,41,.04);
  --shadow-xl: 0 24px 64px rgba(12,22,41,.18);
  --shadow-blue:  0 6px 24px rgba(0,87,255,.22);
  --shadow-orange:0 6px 24px rgba(255,122,0,.22);
  --shadow-glow:  0 0 0 3px rgba(0,87,255,.14);

  --sidebar-w:15.5rem;
  --topbar-h: 3.75rem;
  --ease:      cubic-bezier(0.4,0,0.2,1);
  --ease-out:  cubic-bezier(0,0,0.2,1);
  --ease-spring:cubic-bezier(0.34,1.56,0.64,1);
}

[data-theme="dark"] {
  --brand-blue-faint:#001b52;
  --brand-blue-dim:  #053b9b;
  --brand-orange-faint:#351400;
  --brand-orange-dim: #783000;

  --success-bg:#052e16; --warning-bg:#1c1300; --error-bg:#1f0000; --info-bg:#031d2d;
  --purple-bg: #150d2e;

  --bg:       #0d1117;
  --surface-0:#161b22;
  --surface-1:#1c2330;
  --surface-2:#21293a;
  --surface-3:#2d3748;
  --surface-4:#374151;

  --text-primary: #e6edf3;
  --text-secondary:#b0bec5;
  --text-tertiary: #8b98a5;
  --text-muted:    #586069;

  --border:      #30363d;
  --glass-bg:    rgba(22,27,34,0.85);
  --glass-border:rgba(255,255,255,0.08);
  --glass-shadow:0 8px 32px rgba(0,0,0,0.4);

  --shadow-xs: 0 1px 3px rgba(0,0,0,.3);
  --shadow-sm: 0 2px 8px rgba(0,0,0,.35), 0 0 0 1px rgba(255,255,255,.04);
  --shadow-md: 0 4px 20px rgba(0,0,0,.4),  0 0 0 1px rgba(255,255,255,.04);
  --shadow-lg: 0 8px 40px rgba(0,0,0,.45), 0 0 0 1px rgba(255,255,255,.04);
  --shadow-xl: 0 24px 64px rgba(0,0,0,.55);
}