:root{
/* --- Core / light canvas --- */
--canvas:#FAF8F4;
--surface:#F2EFE9;
--ink:#1C1B20;
--body:#55515C;
--muted:#7D7884;
--hairline:#DED9E2;

/* --- Night --- */
--night:#151426;
--deep-night:#0D0C18;
--on-night:#F8F6F2;
--on-night-muted:rgba(248,246,242,0.68);
--on-night-hairline:rgba(248,246,242,0.14);

/* --- Brand --- */
--gugu-purple:#7458E8;
--gugu-purple-pressed:#6147CF;
--soft-lavender:#DED4FF;
--lavender-mist:#F0EBFF;
--warm-peach:#F2D8CC;

/* --- Semantic aliases --- */
--bg-page:var(--canvas);
--bg-section:var(--surface);
--bg-section-lavender:var(--lavender-mist);
--bg-field-lavender:var(--soft-lavender);
--bg-night:var(--night);
--bg-cinematic:var(--deep-night);

--text-heading:var(--ink);
--text-body:var(--body);
--text-caption:var(--muted);
--text-on-night:var(--on-night);
--text-on-night-muted:var(--on-night-muted);
--text-accent:var(--gugu-purple);
--text-on-accent:#FFFFFF;

--border-hairline:var(--hairline);
--border-hairline-night:var(--on-night-hairline);

--action-primary:var(--gugu-purple);
--action-primary-pressed:var(--gugu-purple-pressed);
--action-ink:var(--ink);
--focus-ring:var(--gugu-purple);
}