@font-face {
  font-family: 'Space Grotesk';
  src: url('../fonts/SpaceGrotesk-Variable.woff2') format('woff2');
  font-weight: 300 700;
  font-display: swap;
}
@font-face {
  font-family: 'JetBrains Mono';
  src: url('../fonts/JetBrainsMono-Variable.woff2') format('woff2');
  font-weight: 400 600;
  font-display: swap;
}

:root {
  
  --font-sans: 'Space Grotesk', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --font-display: 'Space Grotesk', 'Segoe UI', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', 'Cascadia Code', ui-monospace, 'Consolas', monospace;

  
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 24px; --sp-6: 32px; --sp-7: 48px; --sp-8: 64px;

  
  --r-sm: 10px; --r-md: 14px; --r-lg: 20px; --r-xl: 28px; --r-full: 999px;

  
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --ease-spring: cubic-bezier(0.3, 1.4, 0.5, 1);
  --t-fast: 140ms; --t-med: 220ms; --t-slow: 320ms;

  
  --topbar-h: 58px;
  --dock-h: 76px;

  
  --ink: #14171D;
  --ink-text: #EEF1F6;

  
  --accent-glow: rgba(216,184,85,.34);

  
  --blur: none;

  
  --ok: #31AD5C;
  --ok-soft: rgba(49,173,92,.13);
  --warn: #DD8A12;
  --warn-soft: rgba(221,138,18,.14);
  --danger: #E0443A;
  --danger-soft: rgba(224,68,58,.12);
  --info: #3D8BE8;
  --info-soft: rgba(61,139,232,.13);
}

:root, [data-theme='light'] {
  
  --bg: #EEF0F4;
  --bg-grad: none;
  --surface:   #FFFFFF;
  --surface-2: #F7F8FA;                   
  --surface-3: #EDEFF3;                   
  --glass:     rgba(255,255,255,.92);
  --glass-line: #E8EBF0;
  --border:    #E3E6EC;
  --border-soft: rgba(16,24,40,.06);
  --text:      #1A222C;
  --text-dim:  #4B5664;
  --text-mute: #98A1AE;
  --shadow:    0 1px 2px rgba(16,24,40,.04), 0 12px 32px -18px rgba(16,24,40,.14);
  --shadow-lg: 0 24px 60px -26px rgba(16,24,40,.20), 0 3px 10px rgba(16,24,40,.04);
  --inset-hi:  inset 0 1px 0 rgba(255,255,255,.9);

  
  --accent:          #C5A23A;   
  --accent-2:        #AD8A2C;   
  --accent-contrast: #1C2128;   
  --accent-deep:     #7C5E15;   
  --accent-soft:     rgba(197,162,58,.16);
  --accent-soft-2:   rgba(197,162,58,.30);
  --ring:            rgba(197,162,58,.30);
  
  --accent-grad:  linear-gradient(180deg, #D8B855 0%, #C5A23A 56%, #B2912F 100%);
  --accent-sheen: inset 0 1px 0 rgba(255,255,255,.30), inset 0 -1px 0 rgba(0,0,0,.06);

  
  --glow:        var(--shadow);
  --glow-strong: var(--shadow-lg);
  --glow-ok:   var(--shadow);
  --glow-info: var(--shadow);
  --glow-warn: var(--shadow);
}

[data-theme='dark'] {
  --bg: #0F1115;
  --bg-grad: none;
  --surface:   #171B21;
  --surface-2: #1C2129;
  --surface-3: #242A33;
  --glass:     rgba(23,27,33,.94);
  --glass-line: rgba(255,255,255,.08);
  --border:    #2A313B;
  --border-soft: rgba(255,255,255,.07);
  --text:      #E9EDF2;
  --text-dim:  #AEB7C2;
  --text-mute: #6E7886;
  --shadow:    0 1px 2px rgba(0,0,0,.35), 0 14px 36px -16px rgba(0,0,0,.55);
  --shadow-lg: 0 28px 70px -22px rgba(0,0,0,.6), 0 4px 14px rgba(0,0,0,.35);
  --inset-hi:  inset 0 1px 0 rgba(255,255,255,.05);

  
  --accent: #C9A84C;
  --accent-2: #B0862C;
  --accent-contrast: #1A1408;
  --accent-deep: #DCC070;
  --accent-soft:   rgba(201,168,76,.16);
  --accent-soft-2: rgba(201,168,76,.32);
  --ring: rgba(201,168,76,.35);
  --accent-grad:  linear-gradient(180deg, #DCC070 0%, #C9A84C 56%, #B89030 100%);
  --accent-sheen: inset 0 1px 0 rgba(255,255,255,.18), inset 0 -1px 0 rgba(0,0,0,.18);

  --glow:        var(--shadow);
  --glow-strong: var(--shadow-lg);
  --glow-ok:   var(--shadow);
  --glow-info: var(--shadow);
  --glow-warn: var(--shadow);

  --ok: #43C878;
  --ok-soft: rgba(67,200,120,.16);
  --warn: #F0A229;
  --warn-soft: rgba(240,162,41,.16);
  --danger: #F0635A;
  --danger-soft: rgba(240,99,90,.14);
  --info: #5AA2F0;
  --info-soft: rgba(90,162,240,.15);
}

:root[style*='--color-primary'] { --brand-tenant: var(--color-primary); }