/**
 * HappyPreggie (www.happypreggie.com) — Design System Tokens
 * Reference: planning/03-visual-design-and-ui-system.md
 */
:root {
  /* 2.1 Brand & Accent Colors */
  --hp-purple-primary: #612e95;
  --hp-purple-secondary: #8157aa;
  --hp-purple-muted: #764da0;
  --hp-purple-soft: #a069b5;
  --hp-purple-dark: #330066;
  --hp-purple-tint: #f5effb;
  --hp-indigo-wizard: #6b59d3;
  --hp-indigo-wizard-hover: #523be4;
  --hp-pink-pastel: #fac9cb;
  --hp-pink-surface: #fdf2f4;
  --hp-teal-accent: #0aaca2;
  --hp-teal-surface: #e8f8f7;
  --hp-blue-info: #18a0c9;

  /* 2.2 Semantic & Feedback Colors */
  --hp-star-gold: #ffb400;
  --hp-heart-red: #ff3c3c;
  --hp-danger: #dc3545;
  --hp-success-green: #28a745;
  --hp-whatsapp-green: #25d366;
  --hp-warning-amber: #ffc107;

  /* 2.3 Neutral & Surface Colors */
  --hp-bg-white: #ffffff;
  --hp-bg-light: #f8f8f8;
  --hp-bg-alt: #f5f5f5;
  --hp-bg-muted: #efefef;
  --hp-border-light: #e8e8e8;
  --hp-border-medium: #d9d9d9;
  --hp-border-input: #ced4da;
  --hp-text-primary: #222222;
  --hp-text-secondary: #495057;
  --hp-text-muted: #666666;
  --hp-text-caption: #8c8c8c;

  /* 3.1 Font Families */
  --hp-font-sans: 'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --hp-font-serif: 'Merriweather', Georgia, serif;

  /* Radii & Elevation Shadows */
  --hp-radius-sm: 8px;
  --hp-radius-md: 12px;
  --hp-radius-lg: 16px;
  --hp-radius-pill: 50px;
  --hp-shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.06);
  --hp-shadow-card: 0 2px 10px rgba(0, 0, 0, 0.08);
  --hp-shadow-hover: 0 8px 24px rgba(97, 46, 149, 0.14);
  --hp-shadow-modal: 0 20px 50px rgba(34, 34, 34, 0.22);

  /* Layout Metrics */
  --hp-container-max: 1200px;
  --hp-header-height: 74px;
  --hp-mobile-bottom-height: 62px;
}