:root {

 --primary:#2563eb;
 --secondary:#1e293b;
 --background:#f8fafc;
 --card:#ffffff;

 --radius:10px;
 --spacing:12px;

 --shadow:0 4px 20px rgba(0,0,0,0.08);

 --font:system-ui,Arial;

}

body{
 background:var(--background);
 font-family:var(--font);
 margin:0;
}

.card{
 background:var(--card);
 padding:16px;
 border-radius:var(--radius);
 box-shadow:var(--shadow);
 margin-bottom:16px;
}