/* ============================================
   HEALTHY HORMONES CLUB - PREMIUM STYLESHEET
   Modern, Clean, Professional Design
   ============================================ */

/* ---------- CSS Variables / Design Tokens ---------- */
:root {
    /* Primary Colors */
    --primary: #0d9488;
    --primary-dark: #0f766e;
    --primary-light: #14b8a6;
    --primary-gradient: linear-gradient(135deg, #0d9488 0%, #0f766e 50%, #115e59 100%);
    
    /* Accent Colors */
    --accent: #f59e0b;
    --accent-dark: #d97706;
    --accent-light: #fbbf24;
    
    /* Neutral Colors */
    --dark: #0f172a;
    --dark-secondary: #1e293b;
    --gray-900: #1a1f36;
    --gray-800: #2d3748;
    --gray-700: #4a5568;
    --gray-600: #718096;
    --gray-500: #a0aec0;
    --gray-400: #cbd5e0;
    --gray-300: #e2e8f0;
    --gray-200: #edf2f7;
    --gray-100: #f7fafc;
    --white: #ffffff;
    
    /* Backgrounds */
    --bg-primary: #f0fdfa;
    --bg-secondary: #f8fafc;
    --bg-card: #ffffff;
    --bg-dark: #0f172a;
    
    /* Shadows */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 14px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 10px 40px rgba(0, 0, 0, 0.1);
    --shadow-xl: 0 20px 60px rgba(0, 0, 0, 0.12);
    --shadow-glow: 0 0 30px rgba(13, 148, 136, 0.15);
    
    /* Typography */
    --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-display: 'Playfair Display', Georgia, serif;
    
    /* Spacing */
    --section-padding: 100px 0;
    --container-max: 1280px;
    
    /* Borders */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --radius-full: 50%;
    
    /* Transitions */
    --transition-fast: 0.2s ease;
    --transition-base: 0.3s ease;
    --transition-slow: 0.5s ease;
}