/* ========================================================================== themes/codex-vesper.css · "Codex Vesper" (Phase 4.5 refresh) -------------------------------------------------------------------------- Saturated cosmic indigo + electric solar gold + cool astral cyan. Mood: Ptolemy's Almagest re-read by lamplight in a planetarium. Use: the default state. dark, scholarly, gilded -- now with more contrast, bolder accents, and a cool secondary accent that gives modern CTAs and verdict pills somewhere to breathe. Changed: indigo deepened a stop, gold pushed toward solar saturation, added a cool astral accent (--color-accent-cool) for secondary UI elements, tightened glows, broader divider opacity. ========================================================================== */ .theme-codex-vesper { /* ---------- COLOR · raw palette ---------- Pure navy (~215° hue, NO violet lean). Pre-refresh this was 229° which the eye reads as "indigo-violet" against warm gold and reverts to "purple plasma" feel. New tones sit firmly in blue- black territory so the gold accents pop without competing with a magenta cast. */ --indigo-deep: #03061A; --indigo: #0A1228; --indigo-soft: #142141; --indigo-lift: #213466; --indigo-mist: #344B82; --parchment: #F0E5C2; --parchment-soft: #D8C495; --parchment-dim: #A99670; --gold: #FFB836; --gold-bright: #FFD263; --gold-deep: #8E6B23; --gold-glow: rgba(255, 184, 54, 0.55); --astral: #7DA9FF; /* cool secondary accent — links, CTAs */ --astral-bright: #A5C2FF; --astral-deep: #3A5DB0; --astral-glow: rgba(125, 169, 255, 0.40); --rubric: #E8694A; /* terracotta — "rubric" red used in margin glosses */ --olive: #7FA86A; --plum: #8F5DBF; --ink: #0A0612; /* ---------- COLOR · semantic ---------- */ --color-bg: var(--indigo-deep); --color-bg-art: radial-gradient(ellipse at 50% -10%, rgba(255, 184, 54, 0.18) 0%, transparent 50%), radial-gradient(ellipse at 80% 100%, rgba(125, 169, 255, 0.10) 0%, transparent 55%), linear-gradient(180deg, var(--indigo) 0%, var(--indigo-deep) 100%); --color-surface: var(--indigo); --color-surface-raised: var(--indigo-soft); --color-surface-elevated: var(--indigo-lift); --color-fg: var(--parchment); --color-heading: var(--gold-bright); --color-dim: var(--parchment-dim); --color-accent: var(--gold); --color-accent-2: var(--gold-bright); --color-accent-soft: var(--gold-deep); --color-accent-glow: var(--gold-glow); --color-accent-cool: var(--astral); /* NEW — secondary accent */ --color-accent-cool-2: var(--astral-bright); --color-accent-cool-soft: rgba(125, 169, 255, 0.18); --color-accent-cool-glow: var(--astral-glow); --color-ornament: var(--gold); --color-ornament-soft: rgba(255, 184, 54, 0.28); --color-divider: rgba(255, 184, 54, 0.22); --color-divider-soft: rgba(255, 184, 54, 0.10); --color-danger: var(--rubric); --color-success: var(--olive); --color-mystic: var(--plum); /* tertiary, for psyche overlay */ /* the orbital colours used by the epicycle diagram */ --color-deferent: var(--gold); --color-epicycle: var(--astral-bright); --color-equant: var(--rubric); --color-planet: var(--gold-bright); --color-earth: var(--parchment); --color-celestial: var(--gold); /* shadows / glows — bolder than before, more depth */ --shadow-card: 0 6px 28px rgba(0, 0, 0, 0.70), inset 0 1px 0 rgba(255, 210, 99, 0.12), inset 0 0 0 1px rgba(255, 184, 54, 0.10); --shadow-card-hover: 0 10px 38px rgba(0, 0, 0, 0.75), inset 0 1px 0 rgba(255, 210, 99, 0.20), inset 0 0 0 1px rgba(255, 184, 54, 0.25), 0 0 24px rgba(255, 184, 54, 0.18); --shadow-lift: 0 18px 60px rgba(0, 0, 0, 0.75), 0 0 40px rgba(255, 184, 54, 0.10); --shadow-glow: 0 0 32px rgba(255, 210, 99, 0.55); --shadow-cool-glow: 0 0 28px rgba(125, 169, 255, 0.50); /* starfield knobs (consumed by base.css) */ --starfield-opacity: 0.25; --starfield-blend: screen; /* ---------- CHROME bridge tokens ---------- welcome.css and #settings-app use --chrome-* fallbacks that resolve to plasma-violet (#2E1C4E / #2A1A4A / #160E26) when not overridden. Defining them here so settings-card, welcome-card-rod, settings-rod and friends all paint with the renovated navy palette instead of falling through to the legacy violet hardcodes. */ --chrome-rod-bg: linear-gradient(180deg, var(--indigo-soft) 0%, var(--indigo-deep) 100%); --chrome-card-bg: linear-gradient(180deg, var(--indigo-soft) 0%, var(--indigo) 100%); --chrome-bar-bg: linear-gradient(180deg, rgba(10, 14, 32, 0.40) 0%, rgba(3, 6, 26, 0.96) 100%); --chrome-border: rgba(255, 184, 54, 0.55); --chrome-border-soft: rgba(255, 184, 54, 0.28); --chrome-glow: var(--gold-glow); --chrome-text-soft: rgba(240, 229, 194, 0.62); --chrome-text-dim: rgba(169, 150, 112, 0.85); --chrome-pill-pressed-bg: rgba(255, 184, 54, 0.18); --chrome-pill-pressed-ring: rgba(255, 210, 99, 0.55); /* ---------- ECLIPSE WHEEL palette (Phase 9 gothic overhaul) ---------- Fire / Earth / Air / Water zodiac sectors paint as dusky pastels behind the ornate dragon nodes + Cinzel sign labels. Glyph + hand tints stay the saturated codex-vesper gold/violet for legibility against the muted sector backsplash. Read by EclipseWheel's _resolvePalette() per draw frame so a theme swap recolours the wheel without re-instantiation. */ --ew-fire-bg: #4a2820; /* dusky peach */ --ew-earth-bg: #1e3520; /* moss sage */ --ew-air-bg: #1a2a44; /* twilight sky */ --ew-water-bg: #2a1840; /* deep lavender */ --ew-fire-glyph: #ffa870; --ew-earth-glyph: #7ad08a; --ew-air-glyph: #7ec8ff; --ew-water-glyph: #c890e8; --ew-plate-inner: var(--indigo-soft); --ew-plate-outer: var(--indigo-deep); --ew-hand-sun: var(--gold-bright); --ew-hand-moon: #c8b8e8; --ew-dragon-caput: var(--gold); --ew-dragon-cauda: #c86848; }