/* tokens/legal.dark.css — theme layer for the `legal` vertical, dark. -------------------------------------------------------------------- Theme name: CHAMBERS INK (generated with theme-factory, custom theme — none of the ten presets fit a legal practice without colliding with the Teglo ISP palette). Character: archival, considered, precise. Ink-navy surfaces, a brass accent, an oxblood danger and a slate-sage ok. Deliberately NOT Teglo recoloured — Teglo's mint (#98E2C7), lime (#E6FF9A) and magenta (#F588FD) do not appear here in any form, and the surface ramp carries a navy cast where Teglo's is neutral-black. WHAT THIS FILE DOES AND DOES NOT SET ------------------------------------ It does NOT set --color-accent. The accent is applied at runtime by components/canonical/ora-config.js from ORA_VERTICAL.branding as an INLINE custom property on — inline wins over any stylesheet, so declaring it here would be dead code and a second source of truth. config/verticals/legal.js owns the accent; this file owns everything else about the brand's surface, text and status character. SELECTOR. `[data-theme][data-vertical-slug]` — both attributes are already set on by ora-config.js (the vertical-slug attribute has been set since the pilot; this file is the first consumer). The two-attribute selector outscores tokens.css's single-attribute [data-theme="dark"] block, so load order does not matter and Teglo (`isp`) can never match. EXTENDS, NEVER REPLACES. Only the primitive layer is restated. Every semantic compound (--surface-card-bg, --text-primary, --focus-ring …) is inherited unchanged from tokens.css and resolves through these new primitives automatically. Contrast, measured against --color-bg-surface (#141821): text #ECEEF2 14.9:1 AAA text-secondary #9AA3B2 7.0:1 AAA text-tertiary #7C8593 4.8:1 AA accent (brass) #C9A227 7.4:1 AAA status-ok #86AF97 7.3:1 AAA status-warn #D9944A 7.1:1 AAA status-danger #DC6B7C 5.5:1 AA */ [data-theme="dark"][data-vertical-slug="legal"] { /* Surface — ink navy, not neutral black */ --color-bg-base: #0C0E14; --color-bg-surface: #141821; --color-bg-elevated: #1C212C; --color-bg-glass: rgba(255, 255, 255, 0.035); --color-bg-overlay: rgba(12, 14, 20, 0.78); /* Text */ --color-text: #ECEEF2; --color-text-secondary: #9AA3B2; --color-text-tertiary: #7C8593; /* 4.8:1 — an AA floor, unlike the pilot's 3.84:1 */ --color-text-inverse: #0C0E14; --color-text-disabled: #565E6C; /* Border */ --color-border-subtle: rgba(255, 255, 255, 0.06); --color-border-default: rgba(255, 255, 255, 0.10); --color-border-strong: rgba(255, 255, 255, 0.18); /* Status — sage / ochre / oxblood. No lime, no magenta. */ --color-status-ok: #86AF97; --color-status-ok-bright: #5F9C81; --color-status-warn: #D9944A; --color-status-warn-bright: #C27C2E; --color-status-danger: #DC6B7C; --color-status-danger-bright: #C94E62; --color-status-muted: #7C8593; /* Shadow — deeper and softer than the pilot's; archival, not neon. */ --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.40); --shadow-md: 0 4px 14px rgba(0, 0, 0, 0.50); --shadow-lg: 0 12px 34px rgba(0, 0, 0, 0.62); /* Info — muted steel rather than the pilot's periwinkle. */ --info: #A8BBD4; --info-bg: rgba(168, 187, 212, 0.10); --info-border: rgba(168, 187, 212, 0.25); }