:root{
  --paper:#FBFAF6; --paper-2:#F2EFE6; --paper-3:#EEEADD; --white:#ffffff;
  --ink:#1E2320; --ink-soft:#5B6259; --line:#D8D3C4;
  --teal:#0E4F4A; --teal-soft:#E4EEEC; --coral:#B54B2A; --gold:#C99A3E; --green:#4C8C5C;
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;height:100%;}
body{
  background:var(--paper); color:var(--ink);
  font-family:'IBM Plex Sans', sans-serif;
  height:100vh; display:flex; flex-direction:column; overflow:hidden;
}

/* Buttons */
.btn{ font-family:inherit; font-size:0.88rem; font-weight:600; padding:12px 22px; border-radius:4px; border:1px solid var(--teal); background:var(--teal); color:#fff; cursor:pointer; }
.btn.secondary{ background:transparent; color:var(--teal); }
.btn.danger{ background:var(--coral); border-color:var(--coral); }
.btn:disabled{ opacity:0.45; cursor:not-allowed; }
.btn.block{ width:100%; }