/* ============================================================
   ARRGROW — site tokens, brand v5 (locked 8 Oct 2026)
   The brand values live in tokens-v5.css (a copy of 02_marketing/knowledge/design-system/tokens.css,
   refreshed by _comps/build-neural-hero.py). This file maps the site's component
   token names onto them, so components.css and site.css need no rewrite.
   Dark only: black / white / silver, amber on the signal only.
   ============================================================ */

:root {
  color-scheme: dark;

  /* Type: Hebrew-first. Geist Mono carries Latin labels and numbers only */
  --font-family-display: var(--font-he);
  --font-family-sans:    var(--font-he);
  --font-family-mono:    var(--font-mono);

  /* Spacing (8pt) */
  --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;

  /* Radii */
  --radius-xs: 4px; --radius-sm: 6px; --radius-md: var(--radius); --radius-lg: 16px; --radius-xl: 24px; --radius-pill: var(--pill);

  /* Motion: fast attack, long eased settle */
  --ease-ignite: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-flash:  250ms;
  --dur-settle: 600ms;
  --dur-travel: 800ms;
  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: var(--dur-flash) var(--ease-ignite);
  --transition-slow: 400ms var(--ease-ignite);

  /* Surfaces */
  --bg-canvas:  var(--black);
  --bg-surface: #0E0E0E;
  --bg-surface-glass: rgba(10, 10, 10, 0.72);
  --bg-raised:  var(--surface);
  --bg-inset:   #070707;
  --bg-hover:   rgba(245, 245, 245, 0.05);
  --bg-active:  rgba(245, 245, 245, 0.09);

  /* Borders */
  --border-subtle:  rgba(245, 245, 245, 0.07);
  --border-default: var(--line);
  --border-strong:  rgba(245, 245, 245, 0.24);

  /* Text */
  --text-primary:   var(--white);
  --text-secondary: var(--silver);
  --text-tertiary:  var(--graphite);
  --text-disabled:  #4A4A4A;
  --text-on-brand:  var(--black);

  /* Amber: the signal */
  --brand:        var(--amber);
  --brand-bright: #FFC660;
  --brand-hover:  #FFC660;
  --brand-active: #F5A623;
  --brand-subtle: rgba(253, 182, 61, 0.10);
  --brand-border: rgba(253, 182, 61, 0.35);
  --focus-ring:   rgba(253, 182, 61, 0.50);

  /* Status */
  --success: #4ADE80; --success-subtle: rgba(74, 222, 128, 0.12);
  --warning: #FB923C; --warning-subtle: rgba(251, 146, 60, 0.12);
  --danger:  #F87171; --danger-subtle:  rgba(248, 113, 113, 0.12);
  --info:    #60A5FA; --info-subtle:    rgba(96, 165, 250, 0.12);

  /* Elevation: tinted to the ground, no glows */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 12px 32px rgba(0, 0, 0, 0.55);
  --shadow-lg: 0 24px 64px rgba(0, 0, 0, 0.75);
  --shadow-brand: 0 0 0 1px var(--brand-border);
}