/* ShillGPT.com — theme tokens. * Three design directions x two modes. Set on . * Direction 1 "protocol" (default), Direction 2 "digest", Direction 3 "ops". * All values authored for this project; brand red sampled from the original logo. */ :root { /* structural defaults (direction-independent) */ --wrap: 1140px; --wrap-narrow: 720px; --radius: 2px; --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px; --space-6: 24px; --space-8: 32px; --space-10: 40px; --space-12: 48px; --space-16: 64px; --space-20: 80px; --space-24: 96px; --space-32: 128px; --font-display: 'Archivo', 'Helvetica Neue', Arial, sans-serif; --font-body: 'Archivo', 'Helvetica Neue', Arial, sans-serif; --font-mono: 'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace; --motion-fast: 140ms; --motion-base: 220ms; --ease: cubic-bezier(0.2, 0, 0, 1); } /* ───────────────────────────────────────────────────────────── * DIRECTION 1 — "protocol" · Swiss-document minimalism (default) * Brand red accent (sampled from logo), cool paper, hairline rules. * ───────────────────────────────────────────────────────────── */ [data-dir="protocol"][data-mode="light"] { --bg: #F7F7F3; --bg-soft: #EFEFEA; --surface: #FFFFFF; --fg: #17171A; --fg-soft: #3D3D43; --muted: #5E5E66; --line: #E1E1DA; --line-strong: #C9C9C1; --accent: #A32C2C; --accent-ink: #FFFFFF; --accent-soft: rgba(163, 44, 44, 0.08); --sel: rgba(163, 44, 44, 0.16); --tag-bg: #ECECE6; } [data-dir="protocol"][data-mode="dark"] { --bg: #131315; --bg-soft: #18181B; --surface: #1B1B1F; --fg: #ECECE7; --fg-soft: #C7C7C1; --muted: #9C9CA4; --line: rgba(255, 255, 255, 0.13); --line-strong: rgba(255, 255, 255, 0.26); --accent: #C94A42; --accent-ink: #FFFFFF; --accent-soft: rgba(201, 74, 66, 0.14); --sel: rgba(201, 74, 66, 0.28); --tag-bg: #232327; } /* ───────────────────────────────────────────────────────────── * DIRECTION 2 — "digest" · Editorial press-dossier * Serif display + institutional sans, deep green accent, ruled notes. * ───────────────────────────────────────────────────────────── */ [data-dir="digest"][data-mode="light"] { --bg: #F3F4EE; --bg-soft: #EAECE2; --surface: #FAFAF5; --fg: #1B1F19; --fg-soft: #3F463C; --muted: #596052; --line: #DBDDD0; --line-strong: #BFc2B2; --accent: #1F5B3D; --accent-ink: #F6F8F2; --accent-soft: rgba(31, 91, 61, 0.09); --sel: rgba(31, 91, 61, 0.18); --tag-bg: #E4E7DA; --font-display: 'Source Serif 4', Georgia, 'Times New Roman', serif; --font-body: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif; --radius: 3px; } [data-dir="digest"][data-mode="dark"] { --bg: #12150F; --bg-soft: #171B13; --surface: #1A1E15; --fg: #E9EBE0; --fg-soft: #C4C9B8; --muted: #98A08C; --line: rgba(255, 255, 255, 0.12); --line-strong: rgba(255, 255, 255, 0.24); --accent: #7FB392; --accent-ink: #0F2018; --accent-soft: rgba(127, 179, 146, 0.14); --sel: rgba(127, 179, 146, 0.26); --tag-bg: #232A1E; --font-display: 'Source Serif 4', Georgia, 'Times New Roman', serif; --font-body: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif; --radius: 3px; } /* Night default pairing (owner's choice): Digest palette with the Ops typographic voice. */ [data-dir="digest"][data-mode="dark"] { --font-display: 'IBM Plex Mono', ui-monospace, Menlo, monospace; --font-body: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif; } /* ───────────────────────────────────────────────────────────── * DIRECTION 3 — "ops" · Operations desk * Mono display + sans body, steel-blue accent, dense hairlines. * ───────────────────────────────────────────────────────────── */ [data-dir="ops"][data-mode="light"] { --bg: #F5F6F8; --bg-soft: #EDEFF3; --surface: #FFFFFF; --fg: #101318; --fg-soft: #3A414B; --muted: #57606B; --line: #DFE3E9; --line-strong: #C3C9D2; --accent: #2743B8; --accent-ink: #FFFFFF; --accent-soft: rgba(39, 67, 184, 0.08); --sel: rgba(39, 67, 184, 0.16); --tag-bg: #E9ECF1; --font-display: 'IBM Plex Mono', ui-monospace, Menlo, monospace; --font-body: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif; --radius: 0px; } [data-dir="ops"][data-mode="dark"] { --bg: #0E1013; --bg-soft: #12151A; --surface: #15181D; --fg: #E6E9ED; --fg-soft: #C2C8D0; --muted: #949DA8; --line: rgba(255, 255, 255, 0.12); --line-strong: rgba(255, 255, 255, 0.24); --accent: #7C92E4; --accent-ink: #0C1020; --accent-soft: rgba(124, 146, 228, 0.14); --sel: rgba(124, 146, 228, 0.26); --tag-bg: #1C2129; --font-display: 'IBM Plex Mono', ui-monospace, Menlo, monospace; --font-body: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif; --radius: 0px; }