/* ============================================================ RELAUNCH THEME TOKENS — the theme contract One shared palette, unified studio theme (home | build). Components reference these variables; themes redefine them. Loaded globally; NON-DESTRUCTIVE — does not restyle . See RELAUNCH_PLAN.md §4. ============================================================ */ :root { /* ---- Shared primitives (theme-agnostic palette) ---- */ --c-paper: #fffef7; --c-cream: #faf8f5; --c-ink: #1a1a2e; --c-muted: #6b6b7b; --c-teal: #4db8a8; --c-green: #4ecdc4; --c-indigo: #6366f1; /* studio brand accent */ --c-indigo-strong: #4f46e5; /* hover/active */ --c-pink: #e8879f; /* legacy Memphis brand (retired) */ --c-violet: #9b7cc4; --c-yellow: #f5d76e; --c-coral: #e8a07a; --c-red: #ff6b6b; /* Terminal dark surfaces (selfhostschool ink scale) */ --c-ink-900: #0d1117; --c-ink-800: #161b22; --c-ink-700: #21262d; --c-ink-600: #30363d; --c-ink-400: #8b949e; --c-ink-300: #c9d1d9; /* Font stacks (faces loaded in base.html) */ --font-display-studio: 'Space Grotesk', system-ui, sans-serif; --font-body-studio: 'Inter', system-ui, sans-serif; --font-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', monospace; } /* ---- BUILD / HOME : Modern AI studio ---- */ [data-theme="build"], [data-theme="home"] { --surface: var(--c-paper); --surface-2: var(--c-cream); --surface-ink: var(--c-ink); /* dark band on light theme */ --ink: var(--c-ink); --muted: var(--c-muted); --line: rgba(26, 26, 46, 0.12); --accent: var(--c-indigo); /* brand */ --accent-strong: var(--c-indigo-strong); /* hover/active */ --accent-2: var(--c-violet); --accent-3: var(--c-coral); --signal: var(--c-teal); /* go / success */ --warn: var(--c-yellow); --danger: var(--c-red); --radius: 14px; --radius-sm: 10px; --radius-pill: 999px; --shadow: 0 1px 2px rgba(26,26,46,.06), 0 8px 24px rgba(26,26,46,.08); --shadow-sm: 0 1px 2px rgba(26,26,46,.06), 0 2px 8px rgba(26,26,46,.06); --font-display: var(--font-display-studio); --font-body: var(--font-body-studio); } /* Body background/text follow the active theme (was hardcoded memphis-cream). Unified studio: light paper across the whole site. */ body { background: var(--surface); color: var(--ink); }