/* ==========================================================================
   variables.css — Healthy Women design tokens
   Palette derived from logo: Purple #9454A1 + Lime #A3C540
   Load this BEFORE main.css
   ========================================================================== */

:root {
  /* Primary (logo purple) */
  --hw-primary: #9454a1;
  --hw-primary-dark: #6f3a7b;
  --hw-primary-deep: #2e1636;
  --hw-primary-deep-rgb: 46, 22, 54;
  --hw-primary-rgb: 148, 84, 161;
  --hw-primary-light: #f3eaf6;

  /* Secondary (logo lime) */
  --hw-secondary: #a3c540;
  --hw-secondary-dark: #7f9f24;
  --hw-secondary-rgb: 163, 197, 64;
  --hw-secondary-light: #eef5d6;

  /* Accent */
  --hw-accent-whatsapp: #128c4a;
  --hw-accent-whatsapp-dark: #0d6f3b;
  --hw-accent-star: #a3c540;
  --hw-accent-danger: #c0392b;
  --hw-accent-success: #2e7d32;

  /* Backgrounds */
  --hw-bg: #ffffff;
  --hw-bg-soft: #f7f3f9;
  --hw-bg-grey: #eeeeee;
  --hw-bg-dark: #2e1636;

  /* Text */
  --hw-text: #2d2433;
  --hw-text-muted: #6b6173;
  --hw-text-light: #ffffff;
  --hw-text-light-muted: rgba(255, 255, 255, 0.78);

  /* Borders */
  --hw-border: #e5dbe9;
  --hw-border-light: rgba(255, 255, 255, 0.25);

  /* Typography */
  --hw-font-heading: "Plus Jakarta Sans", "Poppins", sans-serif;
  --hw-font-body: "Poppins", "Segoe UI", sans-serif;
  --hw-fw-light: 300;
  --hw-fw-regular: 400;
  --hw-fw-medium: 500;
  --hw-fw-semibold: 600;
  --hw-fw-bold: 700;

  /* Common design tokens */
  --hw-radius-sm: 8px;
  --hw-radius: 14px;
  --hw-radius-lg: 22px;
  --hw-radius-pill: 999px;
  --hw-shadow-sm: 0 4px 14px rgba(46, 22, 54, 0.08);
  --hw-shadow: 0 12px 30px rgba(46, 22, 54, 0.12);
  --hw-shadow-lg: 0 24px 60px rgba(46, 22, 54, 0.22);
  --hw-transition: 0.3s ease;
  --hw-section-space: 6rem;
  --hw-header-offset: 90px;
}