/* ==========================================================
   Scholyn
   Design System Variables v3.0
========================================================== */

:root{
    --primary:#2457E6;
    --primary-dark:#173EA8;
    --primary-light:#EAF1FF;
    --secondary:#0B1220;
    --accent:#D97706;
    --success:#059669;
    --warning:#D97706;
    --danger:#DC2626;
    --info:#0284C7;
    --background:#F6F8FC;
    --surface:#FFFFFF;
    --surface-light:#F8FAFC;
    --surface-dark:#E2E8F0;
    --text:#0B1220;
    --text-secondary:#334155;
    --text-light:#64748B;
    --text-white:#FFFFFF;
    --border:#DDE6F3;
    --border-light:#EEF3FA;
    --radius-xs:7px;
    --radius-sm:11px;
    --radius-md:15px;
    --radius-lg:20px;
    --radius-xl:26px;
    --radius-round:999px;
    --shadow-xs:0 1px 3px rgba(15,23,42,.04);
    --shadow-sm:0 6px 16px rgba(15,23,42,.06);
    --shadow-md:0 12px 30px rgba(15,23,42,.08);
    --shadow-lg:0 22px 50px rgba(15,23,42,.12);
    --shadow-xl:0 34px 80px rgba(15,23,42,.16);
    --font-family:'Poppins',sans-serif;
    --fs-xs:.72rem;
    --fs-sm:.84rem;
    --fs-base:.94rem;
    --fs-md:1rem;
    --fs-lg:1.12rem;
    --fs-xl:1.28rem;
    --fs-2xl:1.65rem;
    --fs-3xl:2.12rem;
    --fs-4xl:3rem;
    --fw-light:300;
    --fw-regular:400;
    --fw-medium:500;
    --fw-semibold:600;
    --fw-bold:700;
    --fw-extra:800;
    --space-xs:4px;
    --space-sm:8px;
    --space-md:12px;
    --space-lg:18px;
    --space-xl:24px;
    --space-2xl:34px;
    --space-3xl:50px;
    --space-4xl:72px;
    --container:1220px;
    --header-height:66px;
    --section-space:56px;
    --transition-fast:.18s ease;
    --transition:.28s ease;
    --transition-slow:.45s ease;
}