/*==================================================
O&G Medscience
Global Design System
Version : 1.0
===================================================*/

:root {
    /*=====================================
    BRAND COLORS
    =====================================*/

    --primary: #0B3D91;
    --primary-dark: #082F73;
    --primary-light: #EAF3FF;
    --secondary: #1565C0;
    --accent: #00A99D;
    --success: #16A34A;
    --warning: #F59E0B;
    --danger: #DC2626;
    /*=====================================
    NEUTRAL COLORS
    =====================================*/

    --dark: #1D2939;
    --text: #344054;
    --text-light: #667085;
    --white: #FFFFFF;
    --bg: #F8FAFC;
    --border: #E4E7EC;
    /*=====================================
    SHADOWS
    =====================================*/

    --shadow-sm: 0 4px 12px rgba(15,23,42,.05);
    --shadow-md: 0 10px 30px rgba(15,23,42,.08);
    --shadow-lg: 0 20px 60px rgba(15,23,42,.10);
    /*=====================================
    BORDER RADIUS
    =====================================*/

    --radius-xs: 6px;
    --radius-sm: 10px;
    --radius-md: 16px;
    --radius-lg: 22px;
    --radius-xl: 30px;
    --radius-pill: 50px;
    /*=====================================
    CONTAINER
    =====================================*/

    --container: 1400px;
    /*=====================================
    TRANSITIONS
    =====================================*/

    --transition: .35s ease;
    /*=====================================
    SPACING
    =====================================*/

    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-7: 32px;
    --space-8: 40px;
    --space-9: 48px;
    --space-10: 64px;
    --space-11: 80px;
    --space-12: 100px;
    --space-13: 120px;
}