/* ============================================================ CULTURA BALEAR · LA ISLA DE ORO — shared design tokens Loaded on every route, alongside that route's own stylesheet. This file supplies shared variables only — it does not style any elements directly, so it can never fight with a route's own layout CSS. PALETTE DECISION — RESOLVED (was flagged for sign-off, see PROGRESS.md #11). The real Golden Island source file was reviewed directly. Two things from the earlier draft of this file were wrong and are corrected here: 1. Golden Island's actual palette is NOT limestone/pine-green/ terracotta (that was a guess from project notes, and was wrong). It is linen (#ecddc6) + dark ink + a Mediterranean TEAL accent (#1a6878) — no gold anywhere in it. 2. Golden Island is the more fully-built system (real Google Fonts — Fraunces/Inter/Oswald — a working i18n mechanism, sticky nav with mobile handling already solved). It is now PRIMARY. The Coast page's sea-blue/gold system, which I'd provisionally proposed as the house standard, is being retired in favor of this one. The Coast page itself needs re-theming to match — tracked in PROGRESS.md. ============================================================ */ :root{ /* ---- Primary — real values from Golden Island's actual :root ---- */ --cb-ink: #141c1e; /* body text ("--paper" in their file — confusing name, dark value */ --cb-linen: #ecddc6; /* page background — their "--ink" variable, also confusingly named */ --cb-muted: #506870; --cb-dim: #789098; --cb-accent: #1a6878; /* teal — the real accent, replaces the gold I'd guessed */ --cb-accent-mid: #135868; --cb-accent-deep:#0e404e; --cb-rule: rgba(20,28,30,.12); --cb-rule-strong:rgba(20,28,30,.22); --cb-body: #242c2e; --cb-nav-bg: rgba(10,20,28,.92); /* sticky nav glass background */ --cb-nav-link: #90b8c8; /* nav link + brand-subtitle color */ /* Era/category accent colors, used in Golden Island's timeline — kept here in case any shared component needs to color-code by era */ --cb-era-pre: #4a7888; --cb-era-mod: #0870a0; --cb-era-pol: #287848; --cb-era-deia: #5048a0; --cb-era-miro: #1a7880; /* Aliases so anything already written against the old guessed token names doesn't silently break — point them at the real values above. Remove once cb-bar.css / cb-cta.css / cb-footer.css / the Coast page are all migrated to the --cb-* names directly. */ --cb-cream: var(--cb-linen); --cb-cream-2: #e5d5ba; --cb-ink-soft: var(--cb-muted); --cb-accent-lt: #4a99ab; --cb-bar-bg: var(--cb-nav-bg); /* ---- Typography — real values, loaded via Google Fonts in Golden Island's . Any route using this file must also load the same Fraunces/Inter/Oswald tag, or these fall back to system fonts. ---- */ --cb-font-serif: 'Fraunces', Georgia, serif; /* display headings */ --cb-font-display: 'Fraunces', Georgia, serif; --cb-font-body: 'Inter', system-ui, sans-serif; /* body copy — new; Golden Island uses this, not a serif, for body text */ --cb-font-sans: 'Oswald', Arial, sans-serif; /* nav, labels, uppercase small text */ /* ---- Spacing scale (for any new shared components) ---- */ --cb-space-xs: 8px; --cb-space-s: 16px; --cb-space-m: 32px; --cb-space-l: 56px; --cb-space-xl: 96px; /* ---- Set at runtime by cb-bar.js — do not hardcode ---- */ --cb-bar-height: 0px; }