/*==================================================
Aarohan Wealth
Design System
Version : 1.0
==================================================*/
:root{
    /*==================================================
    Colors
    ==================================================*/
    --primary:#123C73;
    --primary-dark:#0B2E5C;
    --primary-light:#EAF2FC;
    --secondary:#C89B3C;
    --secondary-dark:#B5892F;
    --secondary-light:#FFF8E8;
    --success:#16A34A;
    --danger:#DC2626;
    --warning:#F59E0B;
    --info:#0EA5E9;
    --dark:#0F172A;
    --dark-light:#1E293B;
    --text:#475569;
    --text-light:#64748B;
    --white:#FFFFFF;
    --background:#FFFFFF;
    --background-light:#F8FAFC;
    --background-dark:#EEF3F8;
    --border:#E2E8F0;
    --border-light:#EDF2F7;
    /*==================================================
    Typography
    ==================================================*/
    --heading-font:'Manrope',sans-serif;
    --body-font:'Inter',sans-serif;
    --font-12:.75rem;
    --font-14:.875rem;
    --font-16:1rem;
    --font-18:1.125rem;
    --font-20:1.25rem;
    --font-24:1.5rem;
    --font-30:1.875rem;
    --font-36:2.25rem;
    --font-42:2.625rem;
    --font-52:3.25rem;
    /*==================================================
    Font Weight
    ==================================================*/
    --fw-400:400;
    --fw-500:500;
    --fw-600:600;
    --fw-700:700;
    --fw-800:800;
    /*==================================================
    Section Spacing
    ==================================================*/
    --section-padding:110px;
    --section-padding-mobile:70px;
    /*==================================================
    Container
    ==================================================*/
    --container-width:1320px;
    /*==================================================
    Border Radius
    ==================================================*/
    --radius-xs:8px;
    --radius-sm:12px;
    --radius-md:18px;
    --radius-lg:24px;
    --radius-xl:32px;
    --radius-pill:999px;
    /*==================================================
    Shadows
    ==================================================*/
    --shadow-sm:
    0 6px 20px rgba(15,23,42,.05);
    --shadow-md:
    0 12px 35px rgba(15,23,42,.08);
    --shadow-lg:
    0 20px 60px rgba(15,23,42,.12);
    --shadow-hover:
    0 28px 70px rgba(18,60,115,.15);
    /*==================================================
    Transition
    ==================================================*/
    --transition:.35s ease;
    /*==================================================
    Gradient
    ==================================================*/
    --gradient-primary:
    linear-gradient(
    135deg,
    #123C73 0%,
    #1C5AA6 100%
    );
    --gradient-gold:
    linear-gradient(
    135deg,
    #C89B3C,
    #E0B95A
    );
    /*==================================================
    Header
    ==================================================*/
    --header-height:88px;
    /*==================================================
    Buttons
    ==================================================*/
    --btn-height:56px;
    --btn-radius:50px;
    /*==================================================
    Cards
    ==================================================*/
    --card-padding:40px;
    /*==================================================
    Z Index
    ==================================================*/
    --z-header:999;
    --z-dropdown:9999;
    --z-modal:99999;
    }