:root{
/* Brand-given hexes */
--pink-200:#f9c9e2;--pink-300:#ffb0d9;--blue-200:#c9dcf9;--blue-300:#b0cfff;--cream-100:#f9f8f2;
/* Pink ramp (derived) */
--pink-50:#fef4f9;--pink-100:#fde3f0;--pink-400:#f292c6;--pink-500:#dd6ba6;--pink-600:#a83a72;--pink-700:#7f2a56;
/* Blue ramp (derived) */
--blue-50:#f3f7fe;--blue-100:#e4eefd;--blue-400:#8fb3f2;--blue-500:#6a92dd;--blue-600:#4a6fbd;--blue-700:#37548f;
/* Warm neutrals */
--cream-50:#fdfcf9;--cream-200:#f1efe6;--cream-300:#e4e1d2;
--ink-900:#3b3557;--ink-700:#575170;--ink-500:#79738f;--ink-300:#aca7bd;--ink-100:#dcd9e4;
/* Semantic hues (kept gentle) */
--sage-100:#e6f1e8;--sage-500:#6f9e7d;--sage-700:#3f6b4d;
--apricot-100:#f9ecd9;--apricot-500:#c98a3e;--apricot-700:#8a5a1d;
--rose-100:#f9e3e1;--rose-500:#c75f5f;--rose-700:#a94444;
/* Semantic aliases */
--surface-page:var(--cream-100);--surface-card:#ffffff;--surface-sunken:var(--cream-200);--surface-tint-pink:var(--pink-100);--surface-tint-blue:var(--blue-100);
--text-heading:var(--ink-900);--text-body:var(--ink-700);--text-muted:var(--ink-500);--text-on-dark:var(--cream-50);--text-link:var(--pink-600);--text-link-hover:var(--pink-700);
--accent-primary:var(--pink-300);--accent-primary-hover:var(--pink-400);--accent-secondary:var(--blue-200);--accent-secondary-hover:var(--blue-300);
--border-subtle:#eceadf;--border-strong:#dbd7c9;--border-focus:var(--blue-400);
}