/* Gyno Guru - Premium D2C Design Tokens (Rose Berry & Velvet Pink Wellness Theme) */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap');

:root {
  /* Typography Tokens */
  --font-family-primary: 'Plus Jakarta Sans', sans-serif;
  --font-family-headings: 'Plus Jakarta Sans', sans-serif;
  
  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-md: 16px;
  --font-size-lg: 18px;
  --font-size-xl: 20px;
  --font-size-2xl: 24px;
  --font-size-3xl: 30px;
  --font-size-4xl: 40px;

  --font-weight-light: 300;
  --font-weight-base: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;

  --font-lineHeight-base: 24px;
  --font-lineHeight-relaxed: 1.6;

  /* Color Palette - Premium D2C Rose Pink & Berry Velvet Theme */
  --color-surface-base: #ffffff;        /* Crisp white page background */
  --color-surface-elevated: #fff1f2;    /* Soft Rose Blush sections */
  --color-surface-card: #ffffff;        /* Pure white product cards */
  --color-surface-muted: #4c0519;       /* Deep Rose Wine */
  --color-surface-strong: #881337;      /* Velvet Rose Primary */

  --color-brand-primary: #9f1239;      /* Elegant Deep Rose Pink */
  --color-brand-hover: #be123c;       /* Rose Berry Hover */
  --color-brand-active: #881337;      /* Deep Wine Active */
  --color-brand-glow: rgba(159, 18, 57, 0.08);

  --color-accent-gold: #f59e0b;        /* Warm Gold stars & indicators */
  --color-accent-pink: #f43f5e;        /* Bright Coral Rose Accent */
  --color-accent-blush: #fdf2f8;       /* Very Soft Pink Tint */

  --color-text-primary: #0f172a;        /* Slate dark text */
  --color-text-secondary: #475569;      /* Muted body text */
  --color-text-muted: #94a3b8;          /* Soft grey details */
  --color-text-inverse: #ffffff;

  --color-border-default: #e2e8f0;      /* Light border lines */
  --color-border-subtle: #f1f5f9;
  --color-border-focus: #9f1239;

  /* Spacing Scale */
  --space-1: 4px;
  --space-2: 6px;
  --space-3: 8px;
  --space-4: 12px;
  --space-5: 16px;
  --space-6: 20px;
  --space-7: 24px;
  --space-8: 32px;
  --space-10: 48px;
  --space-12: 64px;
  --space-16: 80px;

  /* Radius Scale */
  --radius-xs: 8px;
  --radius-sm: 16px;
  --radius-md: 24px;
  --radius-lg: 9999px;

  /* Shadow Scale */
  --shadow-1: 0 4px 20px rgba(0, 0, 0, 0.03);
  --shadow-2: 0 10px 30px rgba(159, 18, 57, 0.06);
  --shadow-3: 0 0 0 4px rgba(159, 18, 57, 0.1);
}

/* Dark Theme (Override) */
[data-theme="dark"] {
  --color-surface-base: #0f0508;
  --color-surface-elevated: #1a0a10;
  --color-surface-card: #240e17;
  --color-surface-strong: #fb7185;

  --color-brand-primary: #fb7185;
  --color-brand-hover: #f43f5e;
  --color-brand-active: #e11d48;
  --color-brand-glow: rgba(251, 113, 133, 0.15);

  --color-text-primary: #ffffff;
  --color-text-secondary: #cbd5e1;
  --color-text-muted: #64748b;
  
  --color-border-default: #331422;
  --color-border-subtle: #240e17;
}