/* ===== BHAVYARSH MASALE - CSS VARIABLES ===== */
:root {
    /* Brand Colors — White + Warm Orange Theme */
    --primary:       #E8521A;   /* logo orange */
    --primary-dark:  #C8410B;   /* deeper orange for hover */
    --primary-light: #FF6B35;   /* lighter orange */
    --secondary:     #F5A623;   /* golden amber accent */
    --secondary-dark:#D4891A;
    --accent:        #2C5F2E;
    --accent-light:  #3D7A40;

    /* Neutrals — clean white base */
    --white:         #FFFFFF;
    --off-white:     #FFFAF6;   /* very warm white */
    --light-bg:      #FFF3EB;   /* soft orange tint */
    --border:        #FFD9C0;   /* warm peach border */
    --text-dark:     #1C1008;   /* warm near-black */
    --text-medium:   #4A3728;   /* warm brown */
    --text-light:    #7A6055;   /* muted warm */
    --text-muted:    #B09080;   /* soft muted */

    /* Status */
    --success: #22A06B;
    --warning: #F5A623;
    --danger:  #E5383B;
    --info:    #0EA5E9;

    /* Typography */
    --font-primary: 'Poppins', sans-serif;
    --font-heading: 'Playfair Display', serif;
    --font-hindi:   'Noto Sans Devanagari', sans-serif;

    /* Spacing */
    --section-padding: 80px 0;
    --container-max:   1280px;

    /* Shadows — orange-tinted */
    --shadow-sm:   0 2px 8px  rgba(232, 82, 26, 0.08);
    --shadow-md:   0 4px 20px rgba(232, 82, 26, 0.14);
    --shadow-lg:   0 8px 40px rgba(232, 82, 26, 0.18);
    --shadow-card: 0 2px 16px rgba(200, 65, 11, 0.07);

    /* Border Radius */
    --radius-sm:   6px;
    --radius-md:   12px;
    --radius-lg:   20px;
    --radius-xl:   30px;
    --radius-full: 9999px;

    /* Transitions */
    --transition:      all 0.3s ease;
    --transition-fast: all 0.15s ease;
}