@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

:root{

    --primary-blue:#005BAC;

    --primary-blue-dark:#004A8F;

    --primary-green:#4CAF50;

    --primary-green-dark:#2E7D32;

    --background:#F4F7FB;

    --surface:#FFFFFF;

    --text:#1F2937;

    --text-light:#6B7280;

    --border:#D9E2EC;

    --danger:#E53935;

    --warning:#FB8C00;

    --shadow:

        0 4px 14px rgba(0,0,0,0.08);

    --radius:12px;

    --transition:0.25s ease;

}

*{

    margin:0;

    padding:0;

    box-sizing:border-box;

    font-family:'Poppins',sans-serif;

}

body{

    background:var(--background);

    color:var(--text);

}

h1{

    font-size:30px;

    font-weight:600;

}

h2{

    font-size:22px;

    font-weight:600;

}

h3{

    font-size:18px;

    font-weight:500;

}

a{

    text-decoration:none;

    color:inherit;

}

::-webkit-scrollbar{

    width:8px;

}

::-webkit-scrollbar-thumb{

    background:var(--primary-blue);

    border-radius:20px;

}