:root {
  --type-scale: 1;
  --ink: #050505;
  --cream: #fcfcfb;
  --acid: #cbd572;
  --line: rgb(252 252 251 / 20%);
  --container-radius: 8px;
  --container-border: 1px solid rgb(252 252 251 / 50%);
  --type-t1-size: calc(24px * var(--type-scale));
  --type-t1-weight: 850;
  --type-t1-line-height: 1.2;
  --type-t1-letter-spacing: -.035em;
  --type-t2-size: calc(15px * var(--type-scale));
  --type-t2-weight: 750;
  --type-t2-line-height: 1.35;
  --type-t2-letter-spacing: 0;
  --type-t3-size: calc(12px * var(--type-scale));
  --type-t3-weight: 500;
  --type-t3-line-height: 1.6;
  --type-t3-letter-spacing: 0;
}

@media (max-width: 1023px) {
  :root { --type-scale: .92; }
}

@media (max-width: 743px) {
  :root { --type-scale: .84; }
}

* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
body {
  color: var(--cream);
  background: var(--ink);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
button, input, select, textarea { font-family: inherit; }