:root {
  /* Colors */
  --color-primary: #ED2282;
  --color-primary-hover: #C91B6B;
  --color-primary-light: #FEDAE8;
  --color-accent: #2D1345;
  --color-accent-light: #CCB0E6;
  --color-success: #10B981;
  --color-warning: #F59E0B;
  --color-danger: #EF4444;
  --color-info: #3B82F6;
  --color-text-primary: #0F0E11;
  --color-text-secondary: #64748B;
  --color-text-muted: #94A3B8;
  --bg-body: #F8FAFC;
  --bg-card: #FFFFFF;
  --border-color: rgba(0, 0, 0, 0.06);

  /* Typography */
  --font-heading: 'DM Sans', -apple-system, sans-serif;
  --font-heading-weight: 700;
  --font-body: 'Inter', 'Roboto', sans-serif;
  --text-xs: 12px;
  --text-sm: 13px;
  --text-base: 14px;
  --text-md: 16px;
  --text-lg: 18px;
  --text-h3: 22px;
  --text-h2: 28px;
  --text-h1: 36px;

  /* Radii */
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-default: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-pill: 9999px;

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(15, 14, 17, 0.06);
  --shadow-md: 0 4px 12px rgba(15, 14, 17, 0.08);
  --shadow-lg: 0 12px 32px rgba(15, 14, 17, 0.12);
  --shadow-glow: 0 0 24px rgba(237, 34, 130, 0.12);
}