/* ==========================================
   GANITHA GURA LMS V1.0
   Design Variables
========================================== */

:root {

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

    --primary: #2563EB;
    --primary-dark: #1D4ED8;
    --secondary: #16A34A;

    --success: #16A34A;
    --warning: #F59E0B;
    --danger: #EF4444;
    --info: #06B6D4;

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

    --white: #FFFFFF;
    --black: #0F172A;

    --background: #F1F5F9;
    --surface: #FFFFFF;

    --border: #E5E7EB;

    --text: #0F172A;
    --text-light: #64748B;

    /* ========= TYPOGRAPHY ========= */

    --font-primary: "Inter", sans-serif;
    --font-sinhala: "Noto Sans Sinhala", sans-serif;

    --font-xs: 12px;
    --font-sm: 14px;
    --font-md: 16px;
    --font-lg: 20px;
    --font-xl: 28px;
    --font-xxl: 36px;

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

    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;

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

    --radius-sm: 8px;
    --radius-md: 16px;
    --radius-lg: 24px;
    --radius-round: 50px;

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

    --shadow-sm: 0 2px 8px rgba(0,0,0,.08);
    --shadow-md: 0 8px 20px rgba(0,0,0,.10);
    --shadow-lg: 0 15px 40px rgba(0,0,0,.15);

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

    --transition: all .3s ease;

}