/* ==========================================================================
   FO VISION LAB — BUILDER HQ
   Design Tokens — LOCKED SYSTEM v4 (exact spec)
   ========================================================================== */

:root {
  --background:        oklch(0.10 0.008 60);
  --surface:            oklch(0.13 0.009 60);
  --surface-elevated:   oklch(0.16 0.010 60);
  --panel-inset-bg:     oklch(0.11 0.008 60);
  --foreground:         oklch(0.97 0.006 80);
  --muted-foreground:   oklch(0.65 0.012 70);

  --gold:               oklch(0.75 0.11 78);   /* #CBA45A */
  --gold-soft:          oklch(0.82 0.09 82);
  --gold-deep:          oklch(0.58 0.10 74);

  --signal-green:       oklch(0.78 0.14 155);
  --destructive:        oklch(0.68 0.20 25);

  --border:             oklch(1 0 0 / 0.06);
  --border-strong:      oklch(1 0 0 / 0.14);
  --ring-gold:          oklch(0.75 0.11 78 / 0.5);

  --gradient-gold:      linear-gradient(135deg, var(--gold-soft), var(--gold-deep));
  --gradient-ambient:   radial-gradient(ellipse 70% 45% at 50% -10%, oklch(0.75 0.11 78 / 0.14), transparent 60%);
  --gradient-panel:     linear-gradient(oklch(1 0 0 / 0.03), var(--surface));

  --shadow-lift: 0 30px 80px -50px oklch(0 0 0 / 0.9), inset 0 1px 0 oklch(1 0 0 / 0.05);

  --font-display: 'Anton', sans-serif;
  --font-body:    'Anybody', sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, monospace;

  --text-display-xl: clamp(2.5rem, 4.5vw, 4rem);
  --text-display-lg: clamp(1.9rem, 3vw, 2.5rem);
  --text-display-md: clamp(1.4rem, 2vw, 1.75rem);
  --text-body-lg: 1.0625rem;
  --text-body: 0.9375rem;
  --text-caption: 0.8125rem;
  --text-eyebrow: 0.6875rem; /* 11px */

  --sp-1: 0.5rem;
  --sp-2: 0.75rem;
  --sp-3: 1rem;
  --sp-4: 1.5rem;
  --sp-5: 2.5rem;
  --sp-6: 4rem;

  --radius: 0.75rem;
  --radius-2xl: 1rem;
  --radius-btn: 0.625rem;

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 140ms;
  --dur-med: 240ms;

  --sidebar-width: 240px;
  --topbar-height: 64px;
  --grid-size: 56px;
}