/* ============================================================================
   C9 "The Standard" — design tokens and self-hosted faces.
   Source of truth: redesign/concepts/src/layouts/C9.astro. Keep in step.

   This file DEFINES the system. It deliberately restyles almost nothing yet.
   Divi builds 103 of the 106 pages out of modules with their own inline CSS, so
   a stylesheet that starts reassigning colours and type sitewide would change
   hundreds of pages at once with no way to tell an intended change from a
   collision. Tokens land first; components move onto them one at a time.

   Loaded by Divi-child/functions.php after the parent and child stylesheets, so
   it wins on equal specificity without needing !important.
   ========================================================================== */

/* --- faces -----------------------------------------------------------------
   Self-hosted, not Google-served: the site already carries Divi's own webfont
   payload and an external font request would add a third-party round trip to
   every page. woff2 only — every browser that matters has supported it for
   years, and the fallback chain covers the rest.
   font-display: swap so text paints in the fallback rather than blocking. */
@font-face {
  font-family: "Inter Variable";
  src: url("fonts/inter-latin-wght-normal.woff2") format("woff2-variations");
  font-weight: 100 900;         /* one variable file covers the whole range */
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
                 U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F,
                 U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
                 U+FEFF, U+FFFD;
}
@font-face {
  font-family: "IBM Plex Mono";
  src: url("fonts/ibm-plex-mono-latin-500-normal.woff2") format("woff2");
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "IBM Plex Mono";
  src: url("fonts/ibm-plex-mono-latin-600-normal.woff2") format("woff2");
  font-weight: 600; font-style: normal; font-display: swap;
}

/* --- tokens ----------------------------------------------------------------
   On :root, not on a .c9 wrapper. In the concept these are scoped to a layout
   element; here there is no such wrapper — Divi renders straight into <body> —
   and scoping them would put them out of reach of the Theme Builder layouts,
   which is exactly where they are needed. */
:root {
  --c9-navy: #0B2B54;                    /* deep practice navy */
  --c9-navy-deep: #082142;               /* darker layer inside navy bands */
  --c9-gold: #E3B200;                    /* warm gold — matured echo of HOST's yellow */
  --c9-gold-hover: #F0C114;
  --c9-gold-text: #826700;               /* gold darkened to pass AA on light fields */
  --c9-paper: #FBFAF7;                   /* cream canvas */
  --c9-wash: #F1F1EA;                    /* navy-tinted cream layer */
  --c9-ink: #020819;
  --c9-mut: #4A5670;                     /* navy-tinted muted body text */
  --c9-line: rgba(11, 43, 84, .14);      /* hairlines on light */
  --c9-line-dark: rgba(255, 255, 255, .16); /* hairlines on navy */

  --c9-sans: "Inter Variable", system-ui, -apple-system, sans-serif;
  --c9-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, monospace;

  --c9-wrap: 1140px;                     /* content measure */
  --c9-gutter: 28px;
  --c9-radius: 5px;
}

/* Prefixed --c9-* rather than the concept's bare --navy/--gold. Divi, Popup
   Maker and Gravity Forms all define custom properties of their own; bare names
   like --line or --ink are close enough to collide, and a colliding token is a
   sitewide colour bug that looks like a rendering fault. */

/* --- the one thing that does apply immediately ------------------------------
   The gold Divi uses today is #FFD902 — HOST's raw yellow, the colour Kyle
   asked to retire from the brand. C9 replaces it with #E3B200, which is the
   same hue matured about 15% darker so it reads as a considered accent rather
   than hazard signage, and passes AA as --c9-gold-text on cream.

   Nothing below is switched on yet. Uncomment per component as each is ported
   and checked, so any visual change has exactly one possible cause.

.c9-on { }
*/