:root{
/* Brand & accent — base */
--yellow-sunglow:#FFD02F;
--yellow-deep:#E8B800;
--yellow-pale:#FFF9B1;
--yellow-olive-dark:#6B5A00;
--blue-dodger:#4262FF;
--blue-pressed:#2E48D8;
--coral-base:#FF9D48;
--coral-pale:#FFE3CC;
--coral-wine:#8A2E17;
--rose-base:#EA94BB;
--rose-pale:#FCE6EF;
--teal-base:#67C6C0;
--teal-pale:#E3F5F3;
--moss-dark:#0F4A42;
--pink-pale:#FDEDF3;
--orange-pale:#FFEFD9;
--red-soft:#FDE3E1;
--red-strong:#C4341D;
--green-success:#2E9E5B;

/* Surface */
--surface-canvas:#FFFFFF;
--surface-base:#FAFAFA;
--surface-soft:#F5F6F8;
--surface-yellow:#FFF9DA;
--surface-pricing-featured:#EEF0FF;
--surface-hairline:#E7E7EA;
--surface-hairline-soft:#F0F0F2;
--surface-hairline-strong:#C9C9CF;

/* Text / ink */
--ink-stratos:#050038;
--ink-deep:#0C0730;
--charcoal:#2B2B38;
--slate:#5B5B6B;
--steel:#7A7A89;
--stone:#9A9AA6;
--muted:#B4B4BE;
--on-dark:#FFFFFF;
--on-dark-muted:rgba(255,255,255,0.64);
--footer-bg:#050038;

/* Semantic aliases */
--color-brand-yellow:var(--yellow-sunglow);
--color-brand-yellow-deep:var(--yellow-deep);
--color-yellow-light:var(--yellow-pale);
--color-yellow-dark:var(--yellow-olive-dark);
--color-brand-blue:var(--blue-dodger);
--color-blue-pressed:var(--blue-pressed);
--color-brand-coral:var(--coral-base);
--color-coral-light:var(--coral-pale);
--color-coral-dark:var(--coral-wine);
--color-brand-rose:var(--rose-base);
--color-rose-light:var(--rose-pale);
--color-brand-teal:var(--teal-base);
--color-teal-light:var(--teal-pale);
--color-moss-dark:var(--moss-dark);
--color-brand-pink:var(--pink-pale);
--color-brand-orange-light:var(--orange-pale);

--color-canvas:var(--surface-canvas);
--color-surface:var(--surface-base);
--color-surface-soft:var(--surface-soft);
--color-surface-yellow:var(--surface-yellow);
--color-surface-pricing-featured:var(--surface-pricing-featured);
--color-hairline:var(--surface-hairline);
--color-hairline-soft:var(--surface-hairline-soft);
--color-hairline-strong:var(--surface-hairline-strong);

--color-ink-deep:var(--ink-deep);
--color-ink:var(--ink-stratos);
--color-charcoal:var(--charcoal);
--color-slate:var(--slate);
--color-steel:var(--steel);
--color-stone:var(--stone);
--color-muted:var(--muted);
--color-on-dark:var(--on-dark);
--color-on-dark-muted:var(--on-dark-muted);
--color-footer-bg:var(--footer-bg);

--color-success-accent:var(--green-success);
--color-brand-red:var(--red-soft);
--color-brand-red-dark:var(--red-strong);

--color-primary:var(--ink-stratos);
--color-on-primary:#FFFFFF;
}