/**
 * Tech Spartan — Design System v5.0 (Axis Bank Harmony Edition)
 * Luminous Silver-Light Canvas + Axis Burgundy Maroon & Royal Sapphire Blue
 */
:root {
    /* ── Axis Bank Inspired Burgundy / Maroon & Royal Blue ── */
    --primary:          #0057D9;          /* Royal Sapphire Blue */
    --primary-dark:     #003fa3;          /* Deep Sapphire */
    --primary-light:    #eff6ff;          /* Ice Blue tint */
    --primary-glow:     rgba(0,87,217,0.20);

    --burgundy:         #97144D;          /* Signature Axis Burgundy / Wine Maroon */
    --burgundy-dark:    #7b0e3d;          /* Deep Regal Burgundy */
    --burgundy-light:   #fdf2f4;          /* Soft Rose/Burgundy tint */
    --burgundy-border:  #f7d5dc;          /* Soft Burgundy border */
    --burgundy-glow:    rgba(151,20,77,0.22);

    /* Legacy alias mapped to luxury burgundy */
    --kotak-red:        #97144D;          /* Mapped to Axis Burgundy */
    --crimson:          #97144D;          /* Mapped to Axis Burgundy */
    --crimson-dark:     #7b0e3d;
    --crimson-light:    #fdf2f4;
    --crimson-border:   #f7d5dc;

    --secondary:        #0284c7;          /* Cobalt Blue Accent */
    --secondary-light:  #f0f9ff;          /* Light Cobalt */
    --accent-gold:      #d97706;          /* Rich Amber / Gold */
    --accent-gold-light:#fffbeb;          /* Warm Gold tint */
    --green:            #16a34a;          /* Verified Emerald */
    --green-light:      #f0fdf4;          /* Soft Emerald tint */
    --purple:           #7c3aed;          /* Enterprise Purple */
    --purple-light:     #faf5ff;          /* Soft Violet tint */

    /* ── Luminous Silver-Light Backgrounds (Axis Luxury Grade) ── */
    --bg-page:          #ffffff;          /* Pure Canvas White */
    --bg-soft:          #f8fafc;          /* Luminous Silver-Light Wash */
    --bg-muted:         #f1f5f9;          /* Brushed Platinum Silver */
    --bg-silver-subtle: #e2e8f0;          /* Soft Silver Divider */
    --bg-silver-podium: linear-gradient(180deg, #ffffff 0%, #f1f5f9 60%, #e2e8f0 100%);
    --bg-dark:          #0f172a;          /* Deep Titanium Navy */
    --bg-dark-2:        #1e293b;          /* Dark Slate Accent */
    --bg-topbar:        #0b1329;          /* Ultra Slim Dark Topbar */

    /* ── Typography & Contrast ── */
    --text-head:        #0f172a;          /* Deep Blackish Navy (Ultra Crisp) */
    --text-body:        #334155;          /* Neutral Slate Gray */
    --text-muted:       #64748b;          /* Secondary Muted Text */
    --text-light:       #94a3b8;          /* Silver Subtitle Light */
    --text-white:       #ffffff;          /* Pure White */

    /* ── Silver Borders & Outlines ── */
    --border:           #e2e8f0;          /* Brushed Silver Border */
    --border-strong:    #cbd5e1;          /* High-Contrast Silver Border */
    --border-blue:      rgba(0,87,217,0.22);
    --border-burgundy:  rgba(151,20,77,0.22);
    --border-red:       rgba(151,20,77,0.22);

    /* ── Elevation & Silver Shadows ── */
    --shadow-xs:        0 1px 3px rgba(15,23,42,0.04);
    --shadow-sm:        0 4px 14px rgba(15,23,42,0.05);
    --shadow-md:        0 8px 24px rgba(15,23,42,0.07);
    --shadow-lg:        0 16px 44px rgba(15,23,42,0.09);
    --shadow-blue:      0 8px 26px rgba(0,87,217,0.25);
    --shadow-burgundy:  0 8px 26px rgba(151,20,77,0.22);
    --shadow-red:       0 8px 26px rgba(151,20,77,0.22);
    --shadow-card:      0 2px 14px rgba(15,23,42,0.04);
    --shadow-card-hover:0 16px 40px rgba(0,87,217,0.10);

    /* ── Signature Gradients ── */
    --grad-brand:       linear-gradient(135deg, #0057D9 0%, #0284c7 100%);
    --grad-burgundy:    linear-gradient(135deg, #b81b5f 0%, #97144D 50%, #7b0e3d 100%);
    --grad-ruby:        linear-gradient(135deg, #b81b5f 0%, #97144D 50%, #7b0e3d 100%);
    --grad-hero-light:  linear-gradient(135deg, #ffffff 0%, #f8fafc 40%, #edf2f7 100%);
    --grad-silver-card: linear-gradient(145deg, #ffffff 0%, #f1f5f9 100%);
    --grad-dark:        linear-gradient(135deg, #0f172a 0%, #0057D9 100%);
    --grad-gold:        linear-gradient(135deg, #d97706 0%, #f59e0b 100%);

    /* ── Layout Geometry ── */
    --max-w:            1260px;
    --gutter:           24px;
    --section-y:        85px;
    --section-y-sm:     55px;

    /* ── Rich Typography Scale ── */
    --font-head:        'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-body:        'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

    /* ── Radii ── */
    --r-sm:  8px;
    --r-md:  12px;
    --r-lg:  16px;
    --r-xl:  24px;
    --r-2xl: 32px;
    --r-full:9999px;      /* Pill Shape */

    /* ── Smooth Transitions ── */
    --ease:  cubic-bezier(.4, 0, .2, 1);
    --dur-f: 0.16s;
    --dur-b: 0.28s;
}