/* ===========================================================
   GOOGLE FONT
=========================================================== */

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


/* ===========================================================
   ROOT VARIABLES
=========================================================== */

:root{

    /* Brand */
    --primary:#16A34A;
    --primary-dark:#15803D;

    /* Status */
    --secondary:#2563EB;
    --success:#16A34A;
    --warning:#F59E0B;
    --danger:#DC2626;

    /* Neutral */
    --white:#FFFFFF;
    --light:#F8FAFC;
    --dark:#0F172A;
    --text:#334155;
    --muted:#64748B;
    --border:#E2E8F0;

    /* Shadow */
    --shadow-sm:0 4px 12px rgba(15,23,42,.04);
    --shadow-md:0 8px 24px rgba(15,23,42,.06);
    --shadow-lg:0 12px 30px rgba(15,23,42,.08);

    /* Radius */
    --radius-sm:10px;
    --radius-md:14px;
    --radius-lg:18px;
    --radius-xl:20px;

}


/* ===========================================================
   RESET
=========================================================== */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{

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

    background:var(--light);

    color:var(--text);

    line-height:1.6;

    -webkit-font-smoothing:antialiased;

}


/* ===========================================================
   GLOBAL
=========================================================== */

a{

    text-decoration:none;

    color:inherit;

}

img{

    max-width:100%;

    display:block;

}

button,
input,
select,
textarea{

    font-family:inherit;

}

ul,
ol{

    list-style:none;

}