:root{
  --pink-700:#c2185b; --pink-600:#d4487e; --pink-500:#ed5f95;
  --pink-400:#f48fb5; --pink-200:#f7d9e6; --pink-100:#fdf2f6;
  --rose-700:#9b3d64; --rose-500:#c4547a; --rose-300:#e8a0b4;
  --lav-700:#6b21a8; --lav-600:#7c3aed; --lav-500:#a855f7; --lav-200:#e9d5ff; --lav-100:#faf5ff;
  --gold-500:#e6a817;
  --cream:#fdf8f5; --cream-deep:#f7efe9; --white:#ffffff;
  --ink:#1a1a1a; --ink-soft:#3a332f; --muted:#8a7d76; --faint:#b8a9a0;
  --success-500:#3ddc97; --danger-500:#e5484d; --warning-500:#e6a817;
  --bg-page:var(--cream); --bg-deep:var(--cream-deep); --surface-card:var(--white); --surface-soft:var(--pink-100);
  --text-heading:var(--ink); --text-body:var(--ink-soft); --text-muted:var(--muted);
  --text-caption:var(--faint); --text-accent:var(--pink-500); --text-on-accent:#ffffff;
  --border-subtle:#f0e8e4; --border-default:#ece0d9; --border-accent:var(--pink-200);
  --accent:var(--pink-500); --accent-hover:var(--pink-600); --accent-pressed:var(--pink-700);
  --accent-grad:linear-gradient(135deg,var(--pink-500),var(--rose-500));
}