:root {
  --color-bg: #5c0f4e;
  --color-bg-soft: #1d021d;
  --color-surface: rgba(255, 255, 255, 0.08);
  --color-surface-strong: rgba(255, 255, 255, 0.12);
  --color-primary: #ff1493;
  --color-secondary: #3dd9e8;
  --color-accent: #ffd0f2;
  --color-text: #fff7ff;
  --color-text-secondary: rgba(255, 247, 255, 0.74);
  --color-border: rgba(255, 255, 255, 0.14);
  --color-accent-hover: #ff64c8;
  --font-display: "Bricolage Grotesque", "Space Grotesk", sans-serif;
  --font-body: "Inter", "Segoe UI", sans-serif;
  --container: 1180px;
  --header-height: 4.75rem;
  --announcement-height: 2.65rem;
  --radius-sm: 0.75rem;
  --radius-md: 1.1rem;
  --radius-lg: 1.6rem;
  --radius-xl: 2.2rem;
  --shadow-card: 0 28px 70px rgba(0, 0, 0, 0.34);
  --shadow-glow: 0 0 0 1px rgba(255, 255, 255, 0.06), 0 30px 80px rgba(255, 45, 182, 0.16);
  --transition: 180ms ease;
}