/*
Theme Name: PujaPhal
Theme URI: https://pujaphal.com
Author: PujaPhal
Description: Sacred Puja Booking Platform - WooCommerce Theme
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: Proprietary
Text Domain: pujaphal
WC requires at least: 8.0
WC tested up to: 9.0
*/

/* ========================================
   PujaPhal Design Tokens
   ======================================== */
:root {
    /* 🌿 Primary Greens */
    --color-primary: #65A30D;
    --color-primary-light: #84CC16;
    --color-primary-dark: #4D7C0F;
    --color-primary-50: #ECFCCB;
    --color-primary-100: #D9F99D;
    --color-secondary: #14532D;
    --color-secondary-light: #166534;
    --color-secondary-dark: #052E16;

    /* 🌼 Yellows */
    --color-gold: #FACC15;
    --color-gold-light: #FDE047;
    --color-gold-dark: #CA8A04;
    --color-gold-50: #FEFCE8;

    /* Supporting */
    --color-lotus: #86EFAC;
    --color-vermillion: #EF4444;
    --color-sandlewood: #FAF3E8;
    --color-ivory: #FAF3E8;
    --color-cream: #F0E4CC;
    --color-sand: #E2CFA8;
    --color-warm-gray: #6B7280;
    --color-charcoal: #14532D;
    --color-dark-brown: #052E16;
    --color-white: #FFFFFF;
    --color-success: #16A34A;
    --color-error: #DC2626;
    --color-warning: #D97706;
    --color-info: #2563EB;

    /* 🎨 Gradients */
    --gradient-hero: linear-gradient(135deg, #14532D 0%, #65A30D 60%, #FACC15 100%);
    --gradient-warm: linear-gradient(135deg, #65A30D 0%, #FACC15 100%);
    --gradient-sacred: linear-gradient(135deg, #052E16 0%, #14532D 50%, #166534 100%);
    --gradient-gold: linear-gradient(135deg, #FACC15 0%, #FDE047 50%, #FEF08A 100%);
    --gradient-card: linear-gradient(180deg, rgba(245,236,215,0) 0%, rgba(245,236,215,0.7) 100%);

    /* Card shadows */
    --shadow-card: 0 4px 20px rgba(20,83,45,0.13), 0 1px 4px rgba(20,83,45,0.08);
    --shadow-card-hover: 0 0 0 2px var(--color-gold), 0 12px 36px rgba(250,204,21,0.3);

    --font-heading: 'Outfit', sans-serif;
    --font-body: 'Inter', sans-serif;
    --fs-xs: 0.75rem; --fs-sm: 0.875rem; --fs-base: 1rem; --fs-md: 1.125rem;
    --fs-lg: 1.25rem; --fs-xl: 1.5rem; --fs-2xl: 2rem; --fs-3xl: 2.5rem;
    --fs-4xl: 3rem; --fs-5xl: 3.75rem;
    --fw-regular: 400; --fw-medium: 500; --fw-semibold: 600; --fw-bold: 700; --fw-extrabold: 800;
    --lh-tight: 1.2; --lh-normal: 1.5; --lh-relaxed: 1.7;
    --space-1: 0.25rem; --space-2: 0.5rem; --space-3: 0.75rem; --space-4: 1rem;
    --space-5: 1.25rem; --space-6: 1.5rem; --space-8: 2rem; --space-10: 2.5rem;
    --space-12: 3rem; --space-16: 4rem; --space-20: 5rem; --space-24: 6rem; --space-32: 8rem;
    --radius-sm: 0.375rem; --radius-md: 0.5rem; --radius-lg: 0.75rem; --radius-xl: 1rem;
    --radius-2xl: 1.5rem; --radius-3xl: 2rem; --radius-full: 9999px;
    --shadow-sm: 0 1px 3px rgba(20,83,45,0.08); --shadow-md: 0 4px 12px rgba(20,83,45,0.1);
    --shadow-lg: 0 8px 24px rgba(20,83,45,0.12); --shadow-xl: 0 16px 48px rgba(20,83,45,0.16);
    --shadow-2xl: 0 24px 64px rgba(20,83,45,0.2);
    --shadow-glow: 0 0 24px rgba(101,163,13,0.3); --shadow-gold-glow: 0 0 24px rgba(250,204,21,0.4);
    --shadow-card: 0 2px 16px rgba(20,83,45,0.08); --shadow-card-hover: 0 8px 32px rgba(101,163,13,0.18);
    --transition-fast: 150ms ease; --transition-base: 250ms ease;
    --transition-slow: 400ms ease; --transition-spring: 400ms cubic-bezier(0.34,1.56,0.64,1);
    --z-base: 1; --z-dropdown: 100; --z-sticky: 200; --z-navbar: 500;
    --z-modal-backdrop: 900; --z-modal: 1000; --z-toast: 1100;
    --container-max: 1200px; --container-padding: var(--space-6);
}