/* ============================================================
   AM Strength — the filled token contract (406-site-kit).
   Source of record: the vault brand kit
   raw/assets/406-front-desk/clients/am-strength/brand/design-system.md
   (teal, charcoal and orange pixel-measured off her logo artwork).

   A DARK site: --surface is her charcoal driven down with its hue
   kept, and --ink is light. The contract's "ink on surface" roles
   still hold; they just run light-on-dark.
   ============================================================ */

:root {
  /* ---- Surfaces ---- */
  --surface:        #121012;  /* page ground */
  --surface-alt:    #201C20;  /* cards, raised panels */
  --surface-dark:   #0B0A0B;  /* header, footer, section-dark */

  /* ---- Ink ---- */
  --ink:            #F2F5F4;  /* headings, primary body (17.27:1) */
  --ink-soft:       #C9D2CF;  /* secondary body (12.27:1) */
  --ink-muted:      #8D9A96;  /* captions, meta (6.49:1) */

  /* ---- Text on dark bands ---- */
  --on-dark:        #ffffff;
  --on-dark-muted:  rgba(255, 255, 255, 0.82);
  --on-dark-faint:  rgba(255, 255, 255, 0.62);

  /* ---- Lines ---- */
  --line:           rgba(255, 255, 255, 0.14);
  --line-soft:      rgba(255, 255, 255, 0.07);
  --tint:           #1A171A;
  --line-on-dark:   rgba(255, 255, 255, 0.12);

  /* ---- Accent: her teal ---- */
  --accent:         #45CAAF;  /* fills, kickers, focus ring */
  --accent-hover:   #62D6BE;
  --accent-deep:    #45CAAF;  /* teal as text on her dark ground (9.31:1) */
  --accent-ink:     #121012;  /* text on a teal button (9.31:1) */

  /* ---- Site-local brand extras (not contract tokens) ---- */
  --spark:          #F79301;  /* her logo orange, approved 2026-09-13. Small marks only: stars, a rule, a word. Never a button or a ground. (8.23:1) */

  /* ---- Type (premium pass 2026-09-27, Gus's "blend B") ----
     KIT-EXCEPTION: fonts=3 — Anton display + Inter body + JetBrains Mono labels. Gus picked the
       blend of concept 5 (Anton poster) and concept 8 (mono labels) from the hero contact sheet,
       2026-09-27. The third family lives only in --label-font (kit v0.9.0 optional token).
     KIT-EXCEPTION: synthetic-weights=display — Anton ships one weight (400). home.css resets every
       chassis rule that asks --display for 600/700 back to 400, so nothing is faux-bolded. */
  --display:    "Anton", "Arial Narrow", sans-serif;
  --body:       "Inter", system-ui, sans-serif;
  --label-font: "JetBrains Mono", ui-monospace, monospace;

  /* ---- Type scale ---- */
  --fs-100: 0.78rem;
  --fs-200: 0.9rem;
  --fs-300: 1rem;
  --fs-400: 1.0625rem;
  --fs-500: 1.125rem;
  --fs-600: 1.25rem;
  --fs-700: 1.5rem;
  --fs-800: 2rem;

  /* ---- Layout / feel ---- */
  --wrap:        1160px;
  --radius:      8px;
  --radius-btn:  6px;
  --shadow:      0 12px 32px rgb(0 0 0 / 0.45);
  --ease:        cubic-bezier(0.16, 1, 0.3, 1);
  --section-pad: clamp(3.5rem, 7vw, 6.5rem);
  --motion-hero: 24s;         /* slow push-in on the hero photo (kit v0.9.0) */
  --hero-focus:  50% 22%;     /* keep her face in frame on the squat photo */
}