/* Whiiso shared interface tokens: selected directly from the original landing hero screenshot.
   Do not create page-specific palettes. Figtree and the original Codex layout stay unchanged. */
@font-face{font-family:Figtree;src:url('/assets/figtree-latin.woff2') format('woff2');font-style:normal;font-weight:300 900;font-display:swap}
:root{
 --brand-primary:#a1185f;
 --brand-logo:#70204f;
 --brand-primary-hover:#7c164d;
 --brand-ink:#17171a;
 --brand-secondary-ink:#62616a;
 --brand-canvas:#fdebed;
 --brand-surface:#fff;
 --brand-soft:#fdebed;
 --brand-soft-alt:#f9f1f2;
 --brand-outline:#e8dddf;
 --brand-soft-panel:#f8e7e9;
 --accent-gradient:linear-gradient(135deg,#f0457f,#a63fa0);
 --accent-text:#e93c99;
 --accent-pink:#f0457f;
 --accent-purple:#a63fa0;
 --story-yellow:#ffb400;
 --active-text:#a1185f;
 --active-tint:#f7dff0;
 --radius-pill:999px;
 --radius-card:20px;
 --radius-section:28px;
 --radius-small:14px;
 --shadow-accent:0 14px 30px rgba(166,63,160,.12);
 --brand-font:'Figtree',Inter,Arial,sans-serif;
 --brand-on-primary:#242328;
 --brand-action:#242328;
 --brand-focus:#17171a;
 --brand-contrast:#242328;
 /* Historical alias names prevent a redesign and never introduce a second palette. */
 --whiiso-coral:var(--brand-contrast);
 --whiiso-coral-hover:var(--brand-ink);
 --whiiso-ink:var(--brand-ink);
 --whiiso-canvas:var(--brand-canvas);
 --whiiso-card:var(--brand-surface);
 --whiiso-tint:var(--brand-soft-alt);
 --whiiso-border:var(--brand-outline);
 --whiiso-font:var(--brand-font);
}