*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;height:100%;font-family:"Nunito","Baloo 2",system-ui,-apple-system,sans-serif;background:#FFF8EC;color:#2C2C2A;-webkit-user-select:none;user-select:none}
body{background:radial-gradient(circle at 15% 10%,#FFE9B3 0,transparent 35%),radial-gradient(circle at 90% 90%,#CDEFE2 0,transparent 35%),#FFF8EC}
button{font:inherit;border:0;cursor:pointer;border-radius:16px;padding:12px 18px;font-weight:800}
.c-teal{--bg:#E1F5EE;--mid:#9FE1CB;--dark:#085041;--ink:#0F6E56}
.c-blue{--bg:#E6F1FB;--mid:#B5D4F4;--dark:#0C447C;--ink:#185FA5}
.c-purple{--bg:#EEEDFE;--mid:#CECBF6;--dark:#26215C;--ink:#534AB7}
.c-amber{--bg:#FAEEDA;--mid:#FAC775;--dark:#412402;--ink:#854F0B}
.c-pink{--bg:#FBEAF0;--mid:#F4C0D1;--dark:#4B1528;--ink:#993556}
.c-green{--bg:#EAF3DE;--mid:#C0DD97;--dark:#173404;--ink:#3B6D11}
.c-coral{--bg:#FAECE7;--mid:#F5C4B3;--dark:#4A1B0C;--ink:#993C1D}
.c-red{--bg:#FCEBEB;--mid:#F7C1C1;--dark:#501313;--ink:#A32D2D}