/**
 * Canonical brand design tokens — shared source of truth.
 *
 * This file is authored ONCE at the repository root (design-tokens/tokens.css)
 * and deployed as a byte-identical copy to every site that consumes it:
 *   myosicam.us/public/css/tokens.css  (public marketing site)
 *   dev.myosicam.us/public/css/tokens.css  (panel — future migration)
 *
 * CONTRACT (design-tokens.md):
 *   T-1: This file defines ALL tokens under :root and contains NO selectors
 *        other than :root — it is purely the variable source.
 *   T-2: Both sites link tokens.css BEFORE their own stylesheet so var(--…)
 *        resolves correctly.
 *   T-3: Consumer stylesheets MUST reference brand values via var(--token)
 *        only — no hard-coded colour/size/spacing literals.
 *   T-4: Editing a value here and redeploying both surfaces changes both.
 */
:root {
  /* ── Colours ──────────────────────────────────────────────────────────── */
  --color-bg:           #0f172a;              /* Page background (slate-900) */
  --color-surface:      #1e293b;              /* Raised surface (nav, cards) */
  --color-surface-2:    #1a2233;              /* Secondary surface           */
  --color-border:       rgba(255,255,255,0.08); /* Hairline borders           */
  --color-text:         #e2e8f0;              /* Primary text                */
  --color-muted:        #94a3b8;              /* Muted / secondary text      */
  --color-accent:       #0ea5e9;              /* Primary accent (sky)        */
  --color-accent-hover: #38bdf8;              /* Accent hover                */
  --color-success:      #10b981;              /* Success                     */
  --color-warning:      #f59e0b;              /* Warning                     */
  --color-danger:       #ef4444;              /* Danger / error              */

  /* ── Type scale ──────────────────────────────────────────────────────── */
  --font-family-base:   'Inter', ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-size-sm:       0.875rem;             /* Small text                  */
  --font-size-base:     1rem;                 /* Body                        */
  --font-size-lg:       1.125rem;             /* Lead                        */
  --font-size-xl:       1.5rem;               /* Sub-headings                */
  --font-size-2xl:      2rem;                 /* Section headings            */
  --font-size-hero:     clamp(2rem, 5vw, 3.25rem); /* Home hero headline     */
  --line-height-base:   1.5;                  /* Body line height            */
  --line-height-heading: 1.2;                /* Heading line height          */

  /* ── Spacing ─────────────────────────────────────────────────────────── */
  --space-1:            0.25rem;
  --space-2:            0.5rem;
  --space-3:            0.75rem;
  --space-4:            1rem;
  --space-6:            1.5rem;
  --space-8:            2rem;
  --space-12:           3rem;
  --space-16:           4rem;

  /* ── Radius ──────────────────────────────────────────────────────────── */
  --radius:             8px;
  --radius-lg:          12px;
}