:root{
/* ---- Base palette: sampled from the logo gradient ---- */
--cream-50:#FFFDFB;--cream-100:#FDFBF8;--cream-200:#F8F4EE;--cream-300:#F1EAE1;

--slate-900:#141D2C;--slate-800:#232C3C;--slate-700:#2C3648;--slate-600:#47536A;--slate-500:#6B7689;--slate-400:#98A1B0;--slate-300:#C3C9D3;--slate-200:#E1E5EB;--slate-100:#EFF1F5;

--lavender-600:#6F72A8;--lavender-500:#8183B4;--lavender-400:#A7A8CE;--lavender-300:#C6C7E0;--lavender-200:#DFDFEE;--lavender-100:#EFEFF8;
--orchid-600:#A85E9C;--orchid-500:#BF7CB3;--orchid-400:#D3A0C9;--orchid-300:#E5C5DE;--orchid-200:#F1E0ED;
--pink-600:#D8559A;--pink-500:#EF79B2;--pink-400:#F5A0C9;--pink-300:#F9C4DC;--pink-200:#FCE1EE;
--coral-600:#D96F7F;--coral-500:#ED8C9A;--coral-400:#F3ADB7;--coral-300:#F8CBD1;--coral-200:#FCE6E9;
--mint-600:#5FA5AB;--mint-500:#88C5CA;--mint-400:#A9D6DA;--mint-300:#C8E5E7;--mint-200:#E3F2F3;
--sky-600:#7F92C4;--sky-500:#A9BEE0;--sky-400:#C1CEE9;--sky-300:#D8E0F1;--sky-200:#ECF0F8;
--gold-600:#B8862F;--gold-500:#D8A44A;--gold-400:#E5BE7C;--gold-300:#F0D9AF;--gold-200:#F7ECD6;

/* ---- Semantic aliases ---- */
--surface-page:var(--cream-100);
--surface-raised:var(--cream-50);
--surface-card:#FFFFFF;
--surface-sunken:var(--cream-200);
--surface-inverse:var(--slate-800);
--surface-tint-lavender:var(--lavender-100);
--surface-tint-pink:var(--pink-200);
--surface-tint-mint:var(--mint-200);
--surface-tint-sky:var(--sky-200);
--surface-tint-gold:var(--gold-200);

--text-heading:var(--slate-800);
--text-body:var(--slate-600);
--text-muted:var(--slate-500);
--text-subtle:var(--slate-400);
--text-inverse:var(--cream-100);
--text-accent:var(--orchid-600);
--text-link:var(--lavender-600);
--text-link-hover:var(--orchid-600);

--border-hairline:var(--slate-200);
--border-soft:var(--cream-300);
--border-strong:var(--slate-300);
--border-accent:var(--gold-500);

--accent-primary:var(--orchid-500);
--accent-secondary:var(--mint-500);
--accent-gold:var(--gold-500);

--focus-ring:var(--lavender-500);

--state-success:var(--mint-600);
--state-info:var(--sky-600);
--state-warning:var(--gold-600);
--state-danger:var(--coral-600);

/* ---- Brand gradients (the logo sweep, left→right: sky → lavender → orchid → pink → coral, with mint as the cool counterpoint) ---- */
--gradient-wild:linear-gradient(90deg,var(--sky-500) 0%,var(--lavender-500) 22%,var(--orchid-500) 46%,var(--pink-500) 70%,var(--coral-500) 100%);
--gradient-wild-soft:linear-gradient(90deg,var(--sky-300) 0%,var(--lavender-300) 24%,var(--orchid-300) 48%,var(--pink-300) 72%,var(--coral-300) 100%);
--gradient-cta:linear-gradient(115deg,var(--orchid-500) 0%,var(--pink-500) 55%,var(--coral-500) 100%);
--gradient-calm:linear-gradient(135deg,var(--mint-400) 0%,var(--sky-400) 50%,var(--lavender-400) 100%);
--gradient-wash:linear-gradient(180deg,var(--cream-100) 0%,var(--lavender-100) 100%);
--gradient-hairline:linear-gradient(90deg,transparent 0%,var(--lavender-400) 18%,var(--orchid-400) 50%,var(--coral-400) 82%,transparent 100%);
}