/*
  Factory Design System — theme-mo-bill-watch.css
  Source: ~/ventures/sites/mo-bill-watch/brand.md (locked 2026-07-25, from
  Shannon's approved homepage mockup). This is a REAL, live theme file — MO
  Bill Watch is the first from-scratch factory build, so unlike the three
  theme-<slug>.css parity files for adopted ventures (documentation only),
  this file is actually copied into ventures-src/mo-bill-watch/public/css/
  at build time and ships on the live preview.

  Overrides theme-default.css; light-mode only, per the factory floor.
*/

:root {
  /* ---------------------------------------------------------------
     COLOR — background / ink
     Brand.md: warm white #FAF8F3 (not the factory default's #faf9f6 —
     a touch warmer/lighter, matching the approved mockup's paper tone),
     navy ink for a document-reading, institutional feel rather than
     near-black.
  --------------------------------------------------------------- */
  --bg: #faf8f3;
  --card: #ffffff;
  --ink: #1c2b4a;              /* brand navy, doubles as primary ink */
  --ink-soft: #3f4d68;         /* lightened navy step for body copy */
  /* Muted tertiary text (labels, eyebrows, dt, ledger sponsor lines).
     The mockup's lighter grey (~#8a8f9c) measured only 3.05:1 on the
     #faf8f3 page ground and ~2.7-2.9:1 on the tinted panel grounds
     (parchment, pale-brass, navy-wash) — below the 4.5:1 AA-normal-text
     floor the design system holds non-negotiable even against a locked
     brand.md (same principled darken as --accent above). #626774 is the
     same cool slate hue, darkened to clear AA on all four grounds
     (5.33 on bg, 5.02 parchment, 4.72 pale-brass, 4.91 navy-wash). */
  --muted: #626774;

  --hair: #e6e1d4;
  --hair-2: #d8d2c0;

  /* ---------------------------------------------------------------
     COLOR — accent
     Brand.md locks brass at #9C7A2E. At the sizes components.css
     actually renders --accent as TEXT (eyebrows, row keys, chips —
     11-13px), the literal #9C7A2E only hits ~3.5:1 on warm white,
     short of the 4.5:1 AA-normal-text floor design-system.md holds as
     non-negotiable even against a locked brand.md. Measured (WCAG
     relative-luminance formula) and darkened within the same hue/
     saturation to #765C23 (5.95:1 on --bg, 5.27:1 on --accent-soft) —
     text-legibility compliance, not a brand redesign. The literal
     locked #9C7A2E remains available as --mbw-brass-locked below for
     any purely decorative (non-text) use that wants the exact
     approved value; large text (>=24px, e.g. --fds-stat-number) also
     clears AA at the original value if ever needed at literal spec.
  --------------------------------------------------------------- */
  --accent: #765c23;
  --accent-soft: #f2ead6;
  --mbw-brass-locked: #9c7a2e; /* the literal brand.md value, decorative-only */

  /* Text rendered in brass ON the navy docket block needs the opposite
     adjustment — lighter, not darker, to clear AA against #1C2B4A.
     #CBA44E measured at 6.00:1 on --mbw-navy. Same hue family as
     --accent/--mbw-brass-locked, just lightened for the dark surface. */
  --mbw-brass-on-navy: #cba44e;

  /* Bill-lifecycle status colors. The brand voice is deliberately
     nonpartisan and non-alarmist, so these stay muted rather than
     stoplight-bright; used only as small chip fills, never row fills. */
  --red: #9c4a3a;
  --green: #3c6e52;
  --blue: #3a5a7a;
  --amber: #9c7a2e;            /* same value as --accent: status and
                                   brand accent are the same brass here */
  --red-soft: #f3e6e2;
  --green-soft: #e5efe9;
  --blue-soft: #e5eaf0;
  --amber-soft: #f2ead6;

  /* ---------------------------------------------------------------
     TYPE — families
     Per brand.md: Source Serif 4 for the masthead/headlines/bill
     titles, IBM Plex Sans for body prose, IBM Plex Mono carrying a
     heavier load than usual (bill numbers, dates, status chips, the
     docket) since that data IS the content on this site.
  --------------------------------------------------------------- */
  --font-serif: 'Source Serif 4', Georgia, 'Times New Roman', serif;
  --font-sans: 'IBM Plex Sans', -apple-system, system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* ---------------------------------------------------------------
     SHAPE — radius / shadow
     Brand.md calls for a tight, institutional radius (4-6px, tighter
     than the factory default's 8-16px) and minimal shadow — a
     document-reading site, not a product marketing page.
  --------------------------------------------------------------- */
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 6px;
  --radius-pill: 100px;        /* status chips only; brand.md keeps
                                   these pill-shaped even though cards
                                   stay square-cornered */

  --shadow-card: 0 1px 2px rgba(28, 43, 74, 0.05);
  --shadow-none: none;

  /* ---------------------------------------------------------------
     VENTURE-SPECIFIC EXTRAS — below the core override, not part of
     the shared contract. Used by the ledger-row and docket-block
     layouts in mo-bill-watch.css.
  --------------------------------------------------------------- */
  --mbw-navy: #1c2b4a;
  --mbw-navy-deep: #101a2e;
  --mbw-on-navy: #faf8f3;      /* warm-white text on the navy docket block */
  --mbw-on-navy-soft: #c7cfdd;

  /* Pale navy wash for "official document" panel backgrounds (the bill
     fact strip, section tints). Only ever carries dark ink text
     (--ink #1c2b4a at 12.4:1, --ink-soft #3f4d68 at ~7.5:1 — both clear
     AA), never brass or light text. */
  --mbw-navy-wash: #edeff3;
  /* Slightly warmer parchment for the masthead running-header strip, a
     half-step off --bg so the gazette header reads as its own band. */
  --mbw-parchment: #f5f1e8;
}

/*
  NO DARK MODE. Do not add @media (prefers-color-scheme: dark),
  [data-theme="dark"], or any second color block to this file.
*/