@charset "UTF-8";
/**
 * /assets/scss/theme-dark-core.scss → assets/css/theme-dark-core.css
 *
 * THE FLASH KILLER. NitroPack's optimized pages inline light-render critical
 * CSS and defer the full stylesheet, so every html.rir-dark rule in main.css
 * arrives AFTER first paint — dark pages flashed light (proven by canary,
 * 2026-08-05). This tiny sheet carries only the palette variables and the
 * page ground, and is EXCLUDED from NitroPack (Excluded resources,
 * *theme-dark-core.css*, type CSS — same list as cloud.typography) so it
 * stays render-blocking on every variant: first paint lands dark and
 * correctly colored everywhere variables reach. Component fine-tuning
 * (footer cells, logo pin, image dimming) still rides main.css.
 *
 * AT LAUNCH (phase two): the @media (prefers-color-scheme: dark) emission of
 * this same mixin goes HERE — render-blocking is what makes OS-dark
 * flash-free. Palette values live in _theme-dark-palette.scss only.
 */
/**
 * /assets/scss/partials/utilities/_theme-dark-palette.scss
 *
 * THE dark palette — single source of truth, consumed by two stylesheets:
 * main.css (partials/utilities/_theme-dark.scss: full emission + component
 * rules) and theme-dark-core.css (root entry: variables/background only,
 * EXCLUDED from NitroPack so first paint is dark — see that file's header).
 * Tune dark values here and nowhere else.
 */
html.rir-dark {
  /* Root AND body emission — WP resolves derived vars (--wp--custom--
     color--link) at :root, so the flip must exist at both levels; see
     _theme-dark.scss for the war story. */
  color-scheme: dark;
  /* presets (theme.json settings.color.palette) */
  /* THE FOUR-COLOR TEXT LAW (Gruber + Michael, 2026-08-05): text gets
     exactly four colors — WHITE (main), THE RED (primary: links, kickers,
     red headings — one red, chosen as the reddest value that still clears
     4.5:1 on the page ground), GRAY (secondary/faint), and ONE HIGHLIGHT
     ORANGE reserved for hover states. Pantone rule: pretend every shade
     costs money — a new one needs its case made. Supersedes the earlier
     RLS-round values (rest #ff7a4d / darkening hover #f05615). Brand-red
     SURFACES (logo, slabs, buttons) are a separate, approved system. */
  --wp--preset--color--main: #e8e8e6;
  --wp--preset--color--primary: #e8551a;
  --wp--preset--color--secondary: #a6a6a3;
  --wp--preset--color--background: #1d1e1e;
  /* background-2 is, by site-wide usage (and by block styles stored in page
     content), the FAINT TEXT color — h6 labels, archives titles, footer
     fine print. Its dark value must read as text; matches secondary so the
     four-color law's GRAY stays one gray. Structural borders use
     --wp--custom--color--border-soft instead (same #cbcece in light). */
  --wp--preset--color--background-2: #a6a6a3;
  --wp--preset--color--background-3: #2b2c2c;
  --wp--preset--color--background-4: #262727;
  /* custom (theme.json settings.custom.color) */
  /* THE HIGHLIGHT ORANGE — hover only, everywhere */
  --wp--custom--color--primary-hover: #ff8a4a;
  --wp--custom--color--secondary-hover: #ff8a4a;
  --wp--custom--color--border-soft: #3a3b3b;
  /* ink-strong = the #323232 SURFACE role (footer band, header top border).
     text-strong = the #323232 TEXT role (archives titles, focus box) —
     split because a band must go darker than the page while text must go
     lighter. Same split as background-2 / border-soft. */
  --wp--custom--color--ink-strong: #161717;
  --wp--custom--color--text-strong: #f0f0ee;
  --wp--custom--color--border-strong: #565858;
  --wp--custom--color--muted: #8a8a88;
  --wp--custom--color--surface-0: #232424;
  --wp--custom--color--surface-1: #272828;
  --wp--custom--color--surface-2: #333434;
  --wp--custom--color--border-warm: #3d3b38;
  --wp--custom--color--paper: #242322;
  --wp--custom--color--accent-soft: #7a4630;
  /* Display headings (archives year labels, search-results title) — THE
     RED, same as primary per the four-color law. (History: #ff7a45 neon
     salmon → #e04a10 calm-down → merged.) */
  --wp--custom--color--primary-bright: #e8551a;
  --wp--custom--color--primary-active: #d84e15;
  --wp--custom--color--primary-deep: #a63a08;
  /* forms (theme.json settings.custom.forms) */
  --wp--custom--forms--border-color: #3a3b3b;
  background-color: #1d1e1e;
}
html.rir-dark body {
  color-scheme: dark;
  /* presets (theme.json settings.color.palette) */
  /* THE FOUR-COLOR TEXT LAW (Gruber + Michael, 2026-08-05): text gets
     exactly four colors — WHITE (main), THE RED (primary: links, kickers,
     red headings — one red, chosen as the reddest value that still clears
     4.5:1 on the page ground), GRAY (secondary/faint), and ONE HIGHLIGHT
     ORANGE reserved for hover states. Pantone rule: pretend every shade
     costs money — a new one needs its case made. Supersedes the earlier
     RLS-round values (rest #ff7a4d / darkening hover #f05615). Brand-red
     SURFACES (logo, slabs, buttons) are a separate, approved system. */
  --wp--preset--color--main: #e8e8e6;
  --wp--preset--color--primary: #e8551a;
  --wp--preset--color--secondary: #a6a6a3;
  --wp--preset--color--background: #1d1e1e;
  /* background-2 is, by site-wide usage (and by block styles stored in page
     content), the FAINT TEXT color — h6 labels, archives titles, footer
     fine print. Its dark value must read as text; matches secondary so the
     four-color law's GRAY stays one gray. Structural borders use
     --wp--custom--color--border-soft instead (same #cbcece in light). */
  --wp--preset--color--background-2: #a6a6a3;
  --wp--preset--color--background-3: #2b2c2c;
  --wp--preset--color--background-4: #262727;
  /* custom (theme.json settings.custom.color) */
  /* THE HIGHLIGHT ORANGE — hover only, everywhere */
  --wp--custom--color--primary-hover: #ff8a4a;
  --wp--custom--color--secondary-hover: #ff8a4a;
  --wp--custom--color--border-soft: #3a3b3b;
  /* ink-strong = the #323232 SURFACE role (footer band, header top border).
     text-strong = the #323232 TEXT role (archives titles, focus box) —
     split because a band must go darker than the page while text must go
     lighter. Same split as background-2 / border-soft. */
  --wp--custom--color--ink-strong: #161717;
  --wp--custom--color--text-strong: #f0f0ee;
  --wp--custom--color--border-strong: #565858;
  --wp--custom--color--muted: #8a8a88;
  --wp--custom--color--surface-0: #232424;
  --wp--custom--color--surface-1: #272828;
  --wp--custom--color--surface-2: #333434;
  --wp--custom--color--border-warm: #3d3b38;
  --wp--custom--color--paper: #242322;
  --wp--custom--color--accent-soft: #7a4630;
  /* Display headings (archives year labels, search-results title) — THE
     RED, same as primary per the four-color law. (History: #ff7a45 neon
     salmon → #e04a10 calm-down → merged.) */
  --wp--custom--color--primary-bright: #e8551a;
  --wp--custom--color--primary-active: #d84e15;
  --wp--custom--color--primary-deep: #a63a08;
  /* forms (theme.json settings.custom.forms) */
  --wp--custom--forms--border-color: #3a3b3b;
  background-color: var(--wp--preset--color--background);
  color: var(--wp--preset--color--main);
}

/*# sourceMappingURL=theme-dark-core.css.map */