:root{

    --primary:#0E3A5A;
    --secondary:#2563EB;
    --accent:#22C55E;

    --background:#F8FAFC;
    --surface:#FFFFFF;

    --text:#111827;
    --text-soft:#6B7280;

    --border:#E5E7EB;

    --radius:16px;

    --shadow:0 15px 40px rgba(0,0,0,.06);

    --transition:.3s;

}

html[data-theme="dark"]{

    --background:#08111F;
    --surface:#101B2D;

    --text:#F8FAFC;
    --text-soft:#CBD5E1;

    --border:#22344D;

}