*{
box-sizing:border-box;
}

html,body{
margin:0;
padding:0;
height:100%;
font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;
}

/* =========================
   THEME VARIABLES
========================= */

:root{

--bg-main:#ffffff;
--bg-panel:#f4f6f9;
--bg-card:#ffffff;

--border:#d0d7e2;

--text-main:#111;
--text-muted:#555;

--accent:#4c8dff;

}

[data-theme="dark"]{

--bg-main:#0f1115;
--bg-panel:#161a22;
--bg-card:#1b1f27;

--border:#2a2f3a;

--text-main:#e8e8e8;
--text-muted:#9aa3b2;

--accent:#4c8dff;

}

/* =========================
   BASE
========================= */

body{
background:var(--bg-main);
color:var(--text-main);
}

button{
cursor:pointer;
font-family:inherit;
}

input{
font-family:inherit;
}

ul{
margin:0;
padding-left:20px;
}