/* =====================================================================
   Design Tokens — SINGLE SOURCE OF TRUTH
   ---------------------------------------------------------------------
   Loaded globally from application/views/home/partials/head.php, before
   every page-specific stylesheet, so all custom components
   (page_hero, cta_bottom, theme_override, about_override, article-grid,
   footer_override) resolve the same values.

   Do NOT redeclare these in a component stylesheet. If a component needs
   a local variant, derive it, e.g.:
       .my-block { --local-accent: var(--d3-brand); }

   To rebrand the site, edit values here only.
===================================================================== */

:root {
  /* --- Ink / text --- */
  --d3-ink: #031031;
  --d3-ink-soft: #45566E;
  --d3-steel: #647589;
  --d3-steel-2: #8A9AB2;

  /* --- Surfaces --- */
  --d3-paper: #fbfcfd;
  --d3-paper-2: #eef1f6;
  --d3-paper-3: #e3e8f0;
  --d3-white: #FFFFFF;

  /* --- Rules / borders --- */
  --d3-rule: rgba(100, 117, 137, .22);
  --d3-rule-hard: rgba(100, 117, 137, .35);
  --d3-rule-dark: #33405A;

  /* --- Brand --- */
  --d3-brand: #FC372E;
  --d3-brand-deep: #C4271F;
  --d3-blue: #0058BD;

  /* --- Shape / layout --- */
  --d3-r: 2px;
  --d3-maxw: 1280px;

  /* --- Type --- */
  --d3-ff-disp: 'Poppins', system-ui, sans-serif;
  --d3-ff-body: 'Rubik', system-ui, sans-serif;
  --d3-ff-nav: 'Rubik', system-ui, sans-serif;
}