/* ==========================================================================
   ASD Installations — Design Tokens
   Derived from brand hex #B43A22 in OKLCH space. See the "ASD Colour System"
   artifact for the full derivation/contrast rationale. Do not hand-pick new
   colours outside this scale — extend it the same way (hold hue, move L/C).
   ========================================================================== */

:root {
  /* ---- Signature red scale (H 33.1°, hue locked) ---- */
  --red-50:  #FFF1ED;
  --red-100: #FFDED5;
  --red-200: #FEC0B2;
  --red-300: #EF9B89;
  --red-400: #D8705A;
  --red-500: #B43A22; /* brand anchor */
  --red-600: #AB341D;
  --red-700: #8B2009;
  --red-800: #6A0F00;
  --red-900: #4C0800;
  --red-950: #2D0200;

  /* ---- Warm neutral scale (near-zero chroma, tilted to the same hue) ---- */
  --n-0:    #FFFFFF;
  --n-50:   #FDF9F8;
  --n-100:  #F6F0EF;
  --n-200:  #E6DFDE;
  --n-300:  #CEC5C3;
  --n-400:  #9F9694;
  --n-500:  #796F6D;
  --n-600:  #5C5351;
  --n-700:  #433B39;
  --n-800:  #2B2523;
  --n-900:  #171311;
  --n-950:  #090706;

  /* ---- Semantic tokens (light) ---- */
  --bg:            var(--n-50);
  --surface:       #FFFFFF;
  --surface-sunk:  var(--n-100);
  --ink:           var(--n-900);
  --ink-muted:     var(--n-600);
  --ink-faint:     var(--n-400);
  --border:        var(--n-200);
  --border-strong: var(--n-300);
  --accent:        var(--red-600);
  --accent-strong: var(--red-700);
  --accent-tint:   var(--red-100);
  --accent-ink-on: #FFFFFF;

  /* dark ink surface, used deliberately for high-authority sections (partner
     strip, footer) — not a theme toggle, a design choice per the palette doc */
  --ink-surface:      var(--n-900);
  --ink-surface-ink:  var(--n-50);
  --ink-surface-muted: var(--n-400);
  --ink-surface-accent: var(--red-300);

  /* ---- Type ----
     Cormorant Garamond + DM Sans — matches the client's existing
     under-construction page at asdinstallation.com (that page's own font
     link has a typo, "Cormorant+Garant", which 404s against Google Fonts
     and silently falls back to Georgia; corrected here to the real family
     the client actually intended and approved). */
  --font-display: "Cormorant Garamond", ui-serif, Georgia, "Times New Roman", serif;
  --font-body: "DM Sans", ui-sans-serif, system-ui, -apple-system, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace;

  /* ---- Layout ---- */
  --container: 1240px;
  --gutter: clamp(20px, 5vw, 64px);
  --radius: 4px;

  /* ---- z-index scale ---- */
  --z-base: 0;
  --z-content: 10;
  --z-sticky-video: 20;
  --z-overlay-text: 30;
  --z-nav: 50;

  /* ---- motion ---- */
  --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
  --ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
  --dur-micro: 150ms;
  --dur-ui: 250ms;
}