/* ============================================================
   CALM CHAOS — DESIGN TOKENS
   Semantic variables only. No structural rules in this file.
   No client colour may be hardcoded in shell.css or client.css.
   Client skins override ONLY the custom properties below, scoped
   by html[data-client="..."] — appended to client.css at build time.
   ============================================================ */

:root {
  /* --- Ground and surfaces ------------------------------------ */
  --color-background:   #050505;
  --color-surface:      #0d0d0f;
  --color-surface-raised: #141418;

  /* --- Type --------------------------------------------------- */
  --color-text:         #f2f2f0;
  --color-muted:        #9aa1a9;

  /* --- Brand -------------------------------------------------- */
  --color-primary:      #d4af37;   /* gold   */
  --color-secondary:    #c8cdd4;   /* silver */
  --color-accent:       #e8c766;   /* gold, lifted */
  --color-border:       #26262b;

  /* --- Families. System stacks only: no third-party font requests,
         no render-blocking, no FOIT. --------------------------- */
  --font-display: ui-sans-serif, system-ui, -apple-system, "Segoe UI",
                  "Helvetica Neue", Arial, sans-serif;
  --font-body:    ui-sans-serif, system-ui, -apple-system, "Segoe UI",
                  "Helvetica Neue", Arial, sans-serif;

  /* --- Scale -------------------------------------------------- */
  --space-section:   clamp(3.5rem, 9vw, 7.5rem);
  --space-block:     clamp(1.5rem, 4vw, 2.75rem);
  --space-gutter:    clamp(1.25rem, 5vw, 3rem);
  --measure:         68ch;
  --container:       74rem;

  /* --- Form --------------------------------------------------- */
  --radius-control:  2px;
  --shadow-elevated: 0 1px 0 rgba(255,255,255,.04),
                     0 18px 48px -24px rgba(0,0,0,.9);
  --transition-duration: 260ms;
  --ease: cubic-bezier(.2,.6,.2,1);

  /* --- Display type: wide-tracked uppercase -------------------- */
  --tracking-display: .38em;
  --tracking-eyebrow: .3em;

  color-scheme: dark;
}

/* Motion is decorative everywhere in this build. Honour the pref. */
@media (prefers-reduced-motion: reduce) {
  :root { --transition-duration: 0.01ms; }
}