:root{

    /* Kleuren */

    --primary:#0F2D52;
    --primary-light:#1976D2;

    --background:#EEF3F9;

    --white:#FFFFFF;

    --text:#1F2937;

    --text-light:#6B7280;

    --success:#16A34A;

    --warning:#FBBF24;

    --danger:#DC2626;

    /* Radius */

    --radius-small:12px;

    --radius:20px;

    --radius-large:28px;

    /* Schaduw */

    --shadow:

        0 6px 18px rgba(0,0,0,.08);

    --shadow-hover:

        0 10px 28px rgba(0,0,0,.12);

}