:root {
  --bg-top: #f7f1d6;
  --bg-bottom: #f0c67f;
  --surface: rgba(255, 248, 232, 0.85);
  --surface-strong: #fff7e1;
  --ink: #2e241b;
  --accent: #c7512b;
  --accent-soft: #ef8f54;
  --success: #2f8f58;
  --danger: #bb3e3e;
  --line: rgba(71, 49, 32, 0.16);
  --shadow: 0 16px 40px rgba(84, 52, 25, 0.16);
  --unit-size: min(4.9vw, 28px);
  --floor-unit-height: min(4.2vw, 24px);
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  min-height: 100%;
}

body {
  font-family: "Avenir Next", "Trebuchet MS", sans-serif;
  color: var(--ink);
  background:
    radial-gradient(circle at top, rgba(255, 255, 255, 0.55), transparent 35%),
    linear-gradient(180deg, var(--bg-top), var(--bg-bottom));
}

button,
input,
select,
textarea {
  font: inherit;
}