:root {
  --candy-red: #E63946;
  --candy-red-dark: #C1121F;
  --candy-pink: #FF6B9D;
  --candy-rose: #FFB3C6;
  --candy-blush: #FFF0F3;
  --candy-white: #FFF8FA;
  --candy-cream: #FFFAFC;
  --candy-dark: #2D1B2E;
  --candy-gold: #C9A962;
  --candy-gold-light: #E8D5A3;

  --font-display: "Comfortaa", cursive, system-ui, sans-serif;
  --font-body: "Comfortaa", cursive, system-ui, sans-serif;
  --font-accent: "Cormorant Garamond", Georgia, "Times New Roman", serif;

  --shadow-soft: 0 8px 32px rgba(230, 57, 70, 0.1);
  --shadow-card: 0 12px 40px rgba(45, 27, 46, 0.08);
  --shadow-btn: 0 6px 24px rgba(230, 57, 70, 0.25);

  --radius-sm: 12px;
  --radius-md: 20px;
  --radius-lg: 28px;
  --radius-pill: 999px;

  --section-pad: clamp(4rem, 8vw, 7rem);
  --container: min(1200px, 92vw);

  --header-h: 88px;
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --header-total: calc(var(--header-h) + var(--safe-top));
  --transition: 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}