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

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

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

:root{

    --primary:#3167ea;
    --primary-dark:#1f4fc4;

    --bg-dark:#03062e;
    --bg-light:#f4f4f4;

    --text-dark:#1f2a44;
    --text-light:#4b5563;

    --white:#ffffff;

    --radius:18px;

    --shadow:
    0 8px 24px rgba(0,0,0,0.08);

    --transition:0.3s ease;
}

/* ===================================
   BODY
=================================== */

body{

    background:var(--bg-dark);

    color:var(--text-dark);

    font-family:
    "Segoe UI",
    Arial,
    sans-serif;

    line-height:1.7;
}