/* ══════════════════════════════════════════════
   OIG SHARED THEME — single source of truth for color
   tokens and typography variables across every page.

   Extracted from index.html, which was the most current,
   most iterated-on file at the time of extraction (includes
   the Phase 3 navy tokens and the corrected navy-mid value).

   Every page that links this file gets these tokens. Do not
   redefine :root locally in a page's own <style> block —
   that recreates the exact duplication problem this file
   exists to fix.
══════════════════════════════════════════════ */
:root {
  --cream: #F2EDE6;
  --cream-dark: #E8E1D8;
  --charcoal: #1C1A18;
  --charcoal-mid: #2A2723;
  --navy: #0B1F3A;
  --navy-mid: #132E4E; /* WEB-SAFE SURFACE TOKEN — a darkened value derived
    from the guide's OIG Blue (#16365C) specifically for use as a secondary
    dark background on this site. This is NOT a replacement for OIG Blue in
    the master brand guide; #16365C remains the correct reference color for
    briefs, one-pagers, and framework graphics. The web needed a darker
    variant here because the raw #16365C failed contrast (4.12:1) with
    on-dark-dim text once actually tested in the approved comparison build —
    a web-specific constraint, not a correction to the master standard. */
  --burnt: #B84B2A; --burnt-text: #943619;
  --burnt-hover: #A03D20;
  --slate: #4A5568;
  --muted: #8A8278; /* KNOWN LOW-CONTRAST TOKEN — fails ~3.2-3.9:1 against
    both --cream and --charcoal-mid family backgrounds. Do not use for text
    smaller than large/bold decorative headings. Use --slate or --burnt-text
    for any readable label, caption, or body copy. This token is kept only
    for backward compatibility with existing rules; new work should not
    introduce new uses of it. */
  --rule: #D4CCC2;
  --white: #FFFFFF;
  --serif: 'Cormorant Garamond', Georgia, serif;
  --mono: 'DM Mono', monospace;
  --body: 'Libre Baskerville', Georgia, serif;
  --on-dark: #C8C2BC;
  --on-dark-dim: #9D9585;
  --nav-h: 108px;

  /* CSS Infographic — OIG Intelligence Model component tokens */
  --act1: #4A6B8A;
  --act1-bg: rgba(74,107,138,0.12);
  --act1-border: rgba(74,107,138,0.45);
  --act2: #B84B2A;
  --act2-bg: rgba(184,75,42,0.14);
  --act2-border: rgba(184,75,42,0.5);
  --act3: #A8956B;
  --act3-bg: rgba(168,149,107,0.12);
  --act3-border: rgba(168,149,107,0.45);
  --charcoal-hover: #24211E; /* consolidates 5 near-identical hover-state shades
    (#1E1C1A, #222019, #232120, #252320, #2F2C29) that had each drifted slightly
    differently across infographic-step, funnel-step, path-link, partner-card,
    path-btn, and ihs-dim — all serving the same "subtle lift on hover" role. */
  --charcoal-border: #3A3835; /* distinct from charcoal-mid: this is lighter,
    used specifically as a border/divider on dark surfaces where charcoal-mid
    (a surface/card-background color) would be invisible. */
  --act3-text: #83734D; /* act3 fails contrast (2.93:1) as text on light backgrounds —
    this is the darkened, text-safe variant, matching the existing burnt/burnt-text pattern. */

  /* STATUS COLOR — a single, documented exception to "no green" for a genuine
     Strong/Developing/Weak status scale (.health-strong/.health-dev/.health-weak),
     not category decoration. Darkened from the original #4A7A5A to pass 4.5:1
     reliably as small text. --health-dev and --health-weak already reuse
     --slate and --burnt-text respectively — this is the one new token needed. */
  --status-positive: #467455;

  /* ON-DARK DERIVED VARIANTS — brightened versions of burnt/act1/act3 for
     use as text/line color on dark (navy/charcoal) backgrounds, where the
     base tokens above don't have enough contrast. Consolidated from
     recurring local hex values (#D98055, #8BAEC4, #C8B98A) found in use
     across eyebrows, hover states, and diagram accents. */
  --burnt-on-dark: #D98055;
  --act1-on-dark: #8BAEC4;
  --act3-on-dark: #C8B98A;
}