/* ============================================================================ Converting — design tokens (GREENFIELD STUB) ---------------------------------------------------------------------------- Neutral, pure-grayscale placeholders + a single slate accent. No invented brand colour: palette, typeface, and accent are brand decisions and remain TBD until the brand brief lands (see brand/BRAND-BRIEF.md). Prefix: --cv- (Converting) Consumed by index.html (tokens are inlined there too — keep the two in sync, or switch index.html to @import this file once the brand stabilises). ============================================================================ */ :root { /* Surfaces */ --cv-bg: #ffffff; --cv-surface: #fafafa; --cv-panel: #f4f4f5; --cv-border: #e4e4e7; /* Text */ --cv-text: #18181b; --cv-text-2: #52525b; --cv-text-muted: #a1a1aa; /* Accent — PLACEHOLDER slate. Replace with the real brand colour. */ --cv-accent: #3f3f46; /* Shape */ --cv-radius: 14px; --cv-radius-sm: 9px; /* Type — default to system + mono. The typeface is a brand decision (TBD). */ --cv-font: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; --cv-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace; } /* Manual dark theme (set data-theme="dark" on ). index.html currently follows prefers-color-scheme; this block is here so the token contract is complete for prototypes that opt into an explicit toggle. */ [data-theme="dark"] { --cv-bg: #09090b; --cv-surface: #131316; --cv-panel: #18181b; --cv-border: #27272a; --cv-text: #fafafa; --cv-text-2: #a1a1aa; --cv-text-muted: #71717a; --cv-accent: #d4d4d8; }