/* ============================================================ brand.css — The Execution Standard shared brand system Source of truth for brand tokens + type. See docs/ADRs/ADR-002 (palette + type) and ADR-003 (this file's role + sequencing). Fonts are FETCHED via a in each page's (preconnect belongs there); this file only declares how they are USED. Linked RELATIVE (href="brand.css") so it resolves on Vercel (cleanUrls) AND under file:// local review. Phase 3a: consumed by drift-diagnostic.html only. index.html adopts it in 3b. ============================================================ */ :root { /* Palette — ADR-002 Option A (light / cream). All AA-verified. */ --bg: #F7F3EC; /* warm cream base */ --band: #EFE8D9; /* warm stone — alternating section pacing (ADR-006), AA-verified */ --surface: #FCFAF5; /* card / panel lift */ --border: #C7B99D; /* warm taupe hairline */ --text: #161B29; /* indigo ink (near-black, cool undertone) */ --muted: #5C6478; /* muted slate-indigo (secondary copy) */ --accent: #8A5A28; /* deepened antique brass */ --alert: #A8341F; /* deepened brick-red */ --holding: #2F6B45; /* deepened forest-sage */ /* Type — ADR-002. Display serif for headlines; Inter for body/UI; JetBrains Mono for labels/eyebrows/numbers. */ --font-display: 'Newsreader', Georgia, 'Times New Roman', serif; --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; --font-mono: 'JetBrains Mono', ui-monospace, monospace; } /* Base ------------------------------------------------------- */ html, body { background: var(--bg); color: var(--text); font-family: var(--font-sans); font-weight: 400; line-height: 1.5; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Shared typographic primitives ----------------------------- */ .muted { color: var(--muted); } .mono { font-family: var(--font-mono); font-weight: 500; font-size: 13px; letter-spacing: 0.08em; text-transform: uppercase; }