/* GetHired design tokens — see docs/system-design/GetHired-Design-System.md §11. Only --signal / --signal-soft change between accents (Slate default / Ember). */ :root { /* neutrals */ --ink: #17191C; --ink-2: #2C3036; --ink-3: #3D4147; --muted: #6B7178; --faint: #9CA1A8; --faint-2: #A7ACB2; --paper: #FFFFFF; --paper-2: #FBFBFA; --surface: #F7F7F6; --surface-2: #F4F4F2; --surface-3: #F2F2F0; --surface-track: #F0F0EE; --line: #ECEDEF; --line-2: #E6E7E9; --line-3: #F1F2F3; --app-backdrop: #E6E6E3; /* signal accent — Slate (default) */ --signal: #2C4A6E; --signal-soft: #E9EEF4; /* radius */ --r-window: 12px; --r-panel: 10px; --r-control: 9px; --r-chip: 7px; --r-pill: 999px; --r-doc: 6px; /* type */ --font-sans: 'IBM Plex Sans', system-ui, sans-serif; --font-mono: 'IBM Plex Mono', ui-monospace, monospace; /* density — affects table/list row vertical padding only (§5) */ --row-pad: 13px; /* comfortable; compact = 9px */ } /* Ember (warm) — swap only these two values. Applied via . */ :root[data-accent="ember"] { --signal: #B0552E; --signal-soft: #F5EAE2; } :root[data-density="compact"] { --row-pad: 9px; }