/* ============================================
   PUSHPANJALI DIET CARE — Design Tokens
   ============================================ */

:root {
    /* ── Primary Colors ── */
    --color-primary:        #1a3c2a;
    --color-primary-dark:   #132b1e;
    --color-primary-light:  #2a5c3f;
    --color-primary-rgb:    26, 60, 42;

    /* ── Accent / Gold ── */
    --color-gold:           #c5a55a;
    --color-gold-light:     #d4b96a;
    --color-gold-dark:      #a88b3d;
    --color-gold-rgb:       197, 165, 90;

    /* ── Warm Neutrals ── */
    --color-cream:          #fdf8f0;
    --color-cream-dark:     #f5ead8;
    --color-beige:          #f0e4d0;
    --color-warm-bg:        #fef9f2;

    /* ── Text Colors ── */
    --color-text-primary:   #1a1a1a;
    --color-text-secondary: #555555;
    --color-text-muted:     #888888;
    --color-text-light:     #aaaaaa;
    --color-text-white:     #ffffff;

    /* ── Surface Colors ── */
    --color-white:          #ffffff;
    --color-surface:        #ffffff;
    --color-surface-hover:  #fafafa;
    --color-border:         #e8e0d4;
    --color-border-light:   #f0ebe3;

    /* ── Status Colors ── */
    --color-success:        #25D366;
    --color-error:          #e74c3c;
    --color-warning:        #f39c12;
    --color-info:           #3498db;

    /* ── WhatsApp ── */
    --color-whatsapp:       #25D366;
    --color-whatsapp-dark:  #1da851;

    /* ── Before/After badges ── */
    --color-before:         #d63031;
    --color-after:          #00b894;

    /* ── Typography ── */
    --font-heading:         'Playfair Display', 'Georgia', serif;
    --font-body:            'Inter', 'Segoe UI', sans-serif;
    --font-script:          'Cormorant Garamond', 'Playfair Display', serif;

    /* ── Font Sizes ── */
    --text-xs:    0.75rem;    /* 12px */
    --text-sm:    0.8125rem;  /* 13px */
    --text-base:  0.9375rem;  /* 15px */
    --text-md:    1rem;       /* 16px */
    --text-lg:    1.125rem;   /* 18px */
    --text-xl:    1.25rem;    /* 20px */
    --text-2xl:   1.5rem;     /* 24px */
    --text-3xl:   1.875rem;   /* 30px */
    --text-4xl:   2.25rem;    /* 36px */
    --text-5xl:   3rem;       /* 48px */
    --text-6xl:   3.5rem;     /* 56px */

    /* ── Font Weights ── */
    --fw-light:     300;
    --fw-regular:   400;
    --fw-medium:    500;
    --fw-semibold:  600;
    --fw-bold:      700;

    /* ── Line Heights ── */
    --lh-tight:     1.15;
    --lh-snug:      1.3;
    --lh-normal:    1.6;
    --lh-relaxed:   1.8;

    /* ── Spacing Scale ── */
    --space-1:   0.25rem;   /* 4px */
    --space-2:   0.5rem;    /* 8px */
    --space-3:   0.75rem;   /* 12px */
    --space-4:   1rem;      /* 16px */
    --space-5:   1.25rem;   /* 20px */
    --space-6:   1.5rem;    /* 24px */
    --space-8:   2rem;      /* 32px */
    --space-10:  2.5rem;    /* 40px */
    --space-12:  3rem;      /* 48px */
    --space-16:  4rem;      /* 64px */
    --space-20:  5rem;      /* 80px */
    --space-24:  6rem;      /* 96px */

    /* ── Border Radius ── */
    --radius-sm:    6px;
    --radius-md:    10px;
    --radius-lg:    16px;
    --radius-xl:    20px;
    --radius-2xl:   24px;
    --radius-3xl:   30px;
    --radius-full:  9999px;

    /* ── Shadows ── */
    --shadow-xs:    0 1px 3px rgba(0,0,0,0.04);
    --shadow-sm:    0 2px 8px rgba(0,0,0,0.06);
    --shadow-md:    0 4px 16px rgba(0,0,0,0.08);
    --shadow-lg:    0 8px 30px rgba(0,0,0,0.10);
    --shadow-xl:    0 12px 40px rgba(0,0,0,0.12);
    --shadow-card:  0 2px 12px rgba(0,0,0,0.06);
    --shadow-hover: 0 8px 25px rgba(0,0,0,0.12);

    /* ── Transitions ── */
    --transition-fast:   150ms ease;
    --transition-base:   250ms ease;
    --transition-slow:   400ms ease;
    --transition-spring: 400ms cubic-bezier(0.34, 1.56, 0.64, 1);

    /* ── Layout ── */
    --container-max:     1280px;
    --container-padding: 24px;
    --navbar-height:     80px;
    --topbar-height:     40px;

    /* ── Z-Index Scale ── */
    --z-dropdown:   100;
    --z-sticky:     200;
    --z-navbar:     1000;
    --z-overlay:    1500;
    --z-modal:      2000;
    --z-toast:      3000;
    --z-whatsapp:   900;
}