/* =========================================================
   Bahonar Hospital Design System
   Version: 1.0
   Author: ChatGPT
   ========================================================= */

:root {

    /* ===============================
       COLORS
    =============================== */

    --color-primary: #0F6CBD;
    --color-primary-dark: #0A4F8A;
    --color-primary-light: #EAF4FD;

    --color-secondary: #13B5A8;
    --color-secondary-dark: #0D8F84;
    --color-secondary-light: #E8FAF8;

    --color-success: #16A34A;
    --color-warning: #F59E0B;
    --color-danger: #DC2626;
    --color-info: #0284C7;

    --color-white: #FFFFFF;

    --color-background: #F7FAFC;

    --color-surface: #FFFFFF;

    --color-border: #E6EDF5;

    --color-divider: #EDF2F7;

    --color-text: #243447;

    --color-text-light: #5B6B7D;

    --color-text-muted: #94A3B8;

    --color-footer: #16324F;

    /* ===============================
       BORDER RADIUS
    =============================== */

    --radius-xs: 6px;

    --radius-sm: 10px;

    --radius-md: 16px;

    --radius-lg: 24px;

    --radius-xl: 32px;

    --radius-pill: 999px;

    /* ===============================
       SHADOWS
    =============================== */

    --shadow-xs:
        0 2px 6px rgba(15, 35, 95, .04);

    --shadow-sm:
        0 8px 20px rgba(15, 35, 95, .06);

    --shadow-md:
        0 14px 40px rgba(15, 35, 95, .10);

    --shadow-lg:
        0 24px 70px rgba(15, 35, 95, .14);

    /* ===============================
       TRANSITIONS
    =============================== */

    --transition-fast: .18s ease;

    --transition-normal: .30s ease;

    --transition-slow: .45s ease;

    /* ===============================
       FONT SIZE
    =============================== */

    --fs-display: 52px;

    --fs-h1: 42px;

    --fs-h2: 34px;

    --fs-h3: 28px;

    --fs-h4: 24px;

    --fs-h5: 20px;

    --fs-h6: 18px;

    --fs-body-lg: 18px;

    --fs-body: 16px;

    --fs-small: 14px;

    --fs-caption: 13px;

    /* ===============================
       FONT WEIGHT
    =============================== */

    --fw-light: 300;

    --fw-normal: 400;

    --fw-medium: 500;

    --fw-semibold: 600;

    --fw-bold: 700;

    --fw-black: 900;

    /* ===============================
       LINE HEIGHT
    =============================== */

    --lh-tight: 1.4;

    --lh-normal: 1.8;

    --lh-loose: 2;

    /* ===============================
       SPACING
    =============================== */

    --space-4: 4px;

    --space-8: 8px;

    --space-12: 12px;

    --space-16: 16px;

    --space-20: 20px;

    --space-24: 24px;

    --space-32: 32px;

    --space-40: 40px;

    --space-48: 48px;

    --space-64: 64px;

    --space-80: 80px;

    --space-96: 96px;

    --space-120: 120px;

    /* ===============================
       LAYOUT
    =============================== */

    --container-width: 1320px;

    --header-height: 92px;

    --topbar-height: 42px;

    /* ===============================
       Z-INDEX
    =============================== */

    --z-dropdown: 1000;

    --z-sticky: 1020;

    --z-fixed: 1030;

    --z-modal: 1050;

}