/* SpectraRig design tokens — mirrors config/palette.php for the signal hues. Surfaces are a cool near-black elevation ladder rather than flat #000: the apps themselves layer 0.08/0.09/0.10/0.12 greys, and "video black" carries a blue cast. Flat pure black is what made v1 look inert. */ :root { /* Ground → raised. Cool, not neutral. */ --sr-void: #05070a; --sr-deck: #0a0d13; --sr-rail: #10141c; --sr-scrim: #1a2029; --sr-line: #232b37; /* Back-compat aliases (earlier rules reference these). */ --sr-bg: var(--sr-void); --sr-surface: var(--sr-deck); --sr-surface-2: var(--sr-rail); --sr-border: var(--sr-scrim); --sr-border-strong: var(--sr-line); --sr-text-bright: #f2f5f9; --sr-text-body: #9aa6b6; --sr-text-muted: #6b7787; --sr-text-faint: #46505e; /* Signal hues — fills. Match the per-source colour coding in the apps. */ --sr-fill-violet: #7c5cff; --sr-fill-cyan: #22d3ee; --sr-fill-green: #3ddc84; --sr-fill-amber: #ffb020; --sr-fill-magenta: #ff2d95; /* Signal hues — text tints. All clear WCAG AA on the ground. */ --sr-text-violet: #a78bfa; --sr-text-cyan: #67e8f9; --sr-text-green: #86efac; --sr-text-amber: #fde047; --sr-text-magenta: #ff6bb3; /* Suite only — max once per page. Fills may carry all five stops. */ --sr-spectrum: linear-gradient(105deg, #7c5cff 0%, #22d3ee 25%, #3ddc84 50%, #ffd23f 75%, #ff2d95 100%); /* Text gradient deliberately SKIPS green: green means live/active status and nothing else, so a headline must never read as a status colour. Lighter tints throughout so type stays legible on the ground. */ /* Ordered cool→warm so no two adjacent stops interpolate through green: cyan→violet→magenta→amber never crosses it. cyan→amber would. */ --sr-spectrum-text: linear-gradient(102deg, #67e8f9 0%, #a78bfa 30%, #ff6bb3 66%, #fde047 100%); /* Type. Archivo carries wdth 62-125 + wght 100-900 in one file. */ --sr-font-display: 'Archivo', 'DM Sans', system-ui, sans-serif; --sr-font-sans: 'Archivo', 'DM Sans', system-ui, -apple-system, sans-serif; --sr-font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', monospace; /* Display is EXPANDED — the faceplate voice. */ --sr-display-stretch: 118%; --sr-display-weight: 800; --sr-display-track: -0.028em; --sr-radius: 3px; --sr-radius-lg: 6px; --sr-container: 1200px; --sr-gutter: clamp(1.25rem, 5vw, 2.5rem); /* Per-page app hue. Templates override these on . Black ink clears AA on every fill (violet tightest, 4.83:1) — measured. */ --sr-hue-fill: var(--sr-text-bright); --sr-hue-text: var(--sr-text-bright); /* Hairline grid used on canvases and section grounds. */ --sr-grid: rgba(120, 145, 180, 0.055); }