/* ============================================================================ CTS Web Presentation Tokens — v1.0 (candidate) Prepared 2026-08-24. Successor to the provisional v0 token set. Supersedes: brand_package/cts-tokens.css (v0, 2026-07-11), which derived from CTS_Minimalist_Web_Branding_Guidance.md — a document marked R0_INTERNAL, "Non-canonical; not a governance artifact", whose own Boundary section asks to be replaced once a reviewed brand system exists. This is that replacement. GOVERNING PRINCIPLE — FOUR ROLES, MUTUALLY EXCLUSIVE. Each accent owns one register and appears nowhere else. Because the roles never share a surface, no single accent breaches the "under 10% of the visible page" rule inherited from v0. gold argument Tier 1 statements + primary calls to action cyan instrument anything the reader can operate subsystem location which chapter you are in green state operational status only Approved 2026-08-24. Ratification remains Tom-attributed per GD-064. ========================================================================= */ :root { /* --- Ground ------------------------------------------------------------ Deep navy, replacing v0's neutral #111111. Reconciles the site with both rendered video treatments, which are already dark-navy grounded. */ --cts-ground: #0A1420; /* page background */ --cts-ground-2: #0E1B29; /* recessed bands, inset regions */ --cts-surface: #132435; /* panels, media frames, code blocks */ --cts-surface-2: #182C40; /* raised surface on a surface */ --cts-rule: #23384D; /* hairlines, dividers */ --cts-rule-2: #31495F; /* emphasised rule, input borders */ /* --- Text -------------------------------------------------------------- No pure white, per v0's constraint (retained). */ --cts-text: #E9EEF3; /* headings, essential statements */ --cts-text-2: #9EABB9; /* body copy */ --cts-text-3: #6B7A8B; /* captions, labels, metadata */ /* --- ROLE 1 · GOLD — argument ------------------------------------------ Tier 1 only, plus primary CTAs. Never on a control, never on a chapter. */ --cts-gold: #C9A227; /* rules, borders, small emphasis 7.66:1 */ --cts-gold-text: #E8CFA0; /* display type on ground 12.23:1 */ /* --- ROLE 2 · CYAN — instrument ---------------------------------------- Retained from v0 unchanged. Links, focus rings, active nav, form controls. Present in every tier, but only on things that respond. */ --cts-cyan: #45D7FF; /* 10.95:1 */ /* --- ROLE 3 · SUBSYSTEM — location ------------------------------------- Chapter wayfinding. Rules, dots, eyebrows. NEVER a fill or background. Retuned from the rendered chapter palette to remove two collisions: Capture #D9A441 sat 6° from gold and 7° from Cauldron Cauldron #D4AF37 sat 0° from gold Reflexion #4A90C4 sat 13° from cyan Solved by hue separation, not desaturation — desaturating both warm nodes toward bronze collapsed them to 6° apart, which was worse than the defect it was meant to fix. Minimum separation between ANY two nodes is now 42 degrees. All six clear 4.5:1 against --cts-ground (WCAG AA, normal text). */ --cts-sub-capture: #46B08C; /* teal 160° · was #D9A441 6.92:1 */ --cts-sub-sieve: #6FBF6B; /* green 117° · was #5FAE6B 8.24:1 */ --cts-sub-forge: #E07B39; /* orange 24° · unchanged 6.23:1 */ --cts-sub-reflexion: #5B7FD4; /* indigo 222° · was #4A90C4 4.79:1 */ --cts-sub-crucible: #A87BD8; /* violet 269° · was #9B6FC4 5.72:1 */ --cts-sub-cauldron: #D2648F; /* rose 337° · was #D4AF37 5.26:1 */ /* --- ROLE 4 · GREEN — state -------------------------------------------- Retained from v0. Operational status and verification results only. Semantic, deliberately outside the accent system. */ --cts-status-active: #7ED6A5; /* 10.63:1 */ /* --- Type -------------------------------------------------------------- Two registers, mirroring the accent split. Plex Mono is carried forward from v0 — the one type decision that survives the pivot intact, which is what makes this a revision of the system rather than a replacement of it. */ --cts-font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif; --cts-font-sans: "IBM Plex Sans", system-ui, -apple-system, sans-serif; --cts-font-mono: "IBM Plex Mono", Consolas, ui-monospace, monospace; /* --- Layout — all retained from v0 unchanged --------------------------- */ --cts-content-max: 960px; --cts-reading-max: 700px; /* holds the 60–75 character measure */ --cts-section-gap: 88px; --cts-radius: 2px; } /* ============================================================================ CONSTRAINTS — enforced by convention, not by CSS ROLE DISCIPLINE - Gold appears in Tier 1 and on primary CTAs. Nowhere else. - Cyan appears only on elements that respond to the reader. - Subsystem hues appear only as rules, dots, and eyebrows, only in the Tier 2 pipeline and Tier 3 chapter headers. Never as a fill. - Green indicates operational state only. It is not an accent. - No surface carries two roles at once. RETAINED FROM v0 - No pure white (#FFF) or pure black (#000). - Accent occupies under 10% of the visible page. - Sentence case headings; uppercase reserved for small mono labels. - Body 16–18px desktop; line length 60–75 characters. - Hover transitions under 200ms. - No stock photography, no AI brains, no padlocks, gears, or circuit-board clichés. Imagery depicts the argument or it does not appear. - The page must read complete with JavaScript disabled. This is now load-bearing: every chapter transcript must be present in the markup, not injected. CHANGED FROM v0 - Ground moves from neutral #111111 to navy #0A1420. - Gold is admitted as a governed role. v0 forbade it outright. - Subsystem colours are admitted for wayfinding. v0 forbade them on the landing page; they remain forbidden as fills and as general accents. - Inter is replaced by IBM Plex Sans; a display serif is added. - The wordmark "CTS — Cognition Topology Stack" is WITHDRAWN. It is a domain-for-whole inversion prohibited by GD-070. Unqualified CTS means the umbrella system. See the accompanying guidance document. MOTION - No parallax. No continuous particle fields. No pulsing elements except a single small operational-status indicator. - The starfield and scan-line carried on branch `recenter` are an owner whimsy exception recorded 2026-07-21. They are retained at owner discretion but are outside this token set and must respect prefers-reduced-motion. - The hero video does NOT autoplay. Poster plus click-to-play — required for the JavaScript-disabled rule, and it is also the difference between roughly 17GB and 4GB of monthly egress at 1,000 visits. ========================================================================= */