/* Thalassophile Studio color system — exact values from Figma (BRAND BOARD + color palette frames) */
:root{
/* Base palette */
--deep-blue:#091A72;      /* primary brand blue (also seen as rgb(8,25,112) in vectors) */
--dark:#0A0C22;           /* near-black navy — body text, footer, strokes */
--light-blue:#E1F0FF;     /* alice blue — light surfaces, text on dark */
--lavender:#EEE9FF;       /* soft lavender surface */
--cream:#FDF8F4;          /* warm cream surface */
--off-white:#FAF9F6;      /* default page background */
/* Semantic aliases */
--bg-page:var(--off-white);
--bg-surface-blue:var(--light-blue);
--bg-surface-lavender:var(--lavender);
--bg-surface-cream:var(--cream);
--bg-dark:var(--dark);
--brand-primary:var(--deep-blue);
--text-body:var(--dark);
--text-on-dark:var(--light-blue);
--text-muted:rgba(10,12,34,0.6);
--stroke-hairline:var(--dark);
--stroke-hairline-blue:var(--deep-blue);
--carousel-track:rgba(10,12,34,0.2);
}