/* Foreground — design tokens
   Values taken from Foreground_Brand Guidelines_2026 (v0.1), not sampled.
   Colour pp.18-19, typography pp.22-24, Portalith pp.11-12. */

:root {
  /* Primary palette (p.18) — brand names kept, because the team uses them */
  --c-golden-blaze: #ffbf31;    /* Pantone 136 C — hero colour, key moments of emphasis */
  --c-ivory-beige: #f2efe9;     /* Pantone 9226 C — warmth and balance */
  --c-dreamless-sleep: #111111; /* Pantone Process Black C — contrast, structure, depth */

  /* Secondary palette (p.19). The Portalith may take these on when adapting to
     specific applications, and each is assigned a medium. */
  --c-earthy-green: #72a462;    /* Events / Promotions */
  --c-techno-blue: #4963f5;     /* Digital / UI */
  --c-light-purple: #9989c8;    /* Motion / Video */
  --c-dusted-clay: #cc7357;     /* Print / Design */

  /* Roles */
  --c-ground: var(--c-ivory-beige);
  --c-ink: var(--c-dreamless-sleep);
  --c-portalith: var(--c-golden-blaze);
  --c-aperture: #000000;
  --c-interactive: var(--c-techno-blue);  /* p.19 assigns Techno Blue to digital and UI */

  /* Type (pp.22-24).
     Brand faces are P22 Mackinac Pro (primary) and CoFo Sans VF (secondary).
     Both are on Adobe Fonts, so the build can serve them properly. The
     prototype substitutes: Fraunces for Mackinac's wedge-serif editorial
     weight, Inter for CoFo's neutral grotesque. Neither is the brand face. */
  --f-display: "Fraunces", "P22 Mackinac Pro", Georgia, serif;
  --f-sans: "Inter", "CoFo Sans VF", -apple-system, "Segoe UI", sans-serif;

  --t-nav: 0.8125rem;
  --t-body: 1.0625rem;
  --t-statement: clamp(2.5rem, 6.2vw, 6rem);
  --t-display: clamp(3rem, 11vw, 10rem);

  --tracking-nav: 0.14em;

  /* Rhythm */
  --portalith-radius: 28px;
  --gutter: clamp(1.25rem, 5vw, 5rem);
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);

  /* Depth — the focus grammar, now two-channel.
     --depth runs 0 (fully receded) to 1 (sharp and present). Saturation carries most of
     the read; blur is capped because past ~14px the cost climbs and the gain does not. */
  --blur-max: 14px;

  /* Sanctioned Portalith ratios (width ÷ height), guidelines p.12. */
  --ratio-916: 0.5625;
  --ratio-34: 0.75;
  --ratio-11: 1;
  --ratio-169: 1.7778;

  /* Medium colours, guidelines p.19. Each secondary is assigned a medium, so a discipline
     tag can state its discipline by colour before it is read. */
  --c-medium-events: var(--c-earthy-green);
  --c-medium-digital: var(--c-techno-blue);
  --c-medium-motion: var(--c-light-purple);
  --c-medium-print: var(--c-dusted-clay);

  /* Gate metrics, used by Position. */
  --gate-bracket: 22px;
  --gate-hairline: 1px;
}