:root {
  --ink: #16181d;
  --muted: #5b636c;
  --line: #dfe3e7;
  --green: #8a6a1c;
  --blue: #486f8f;
  --layer-0: #486f8f;
  --layer-1: #a66a32;
  --layer-2: #497765;
  --layer-3: #786486;
  color-scheme: light;
}

body {
  background: #fff;
  color: var(--ink);
  font-family: Inter, -apple-system, "Segoe UI", Arial, sans-serif;
}

a { color: #8a6a1c; }
a:hover { color: #5e4713; text-decoration-thickness: 2px; }
h1, h2 { font-family: Fraunces, Georgia, serif; font-weight: 500; }
h1 { font-size: 40px; }

button:hover { background: #f5f6f7; }
.eyebrow { color: #8a6a1c; }
.workspace { background: #fff; border-top: 3px solid #c9a23f; }
.layer legend { color: #8a6a1c; }
.check input { accent-color: #c9a23f; }
.r-track { background: #e6e8eb; }
.action-primary { background: var(--ink); border-color: var(--ink); color: #fff; }
.action-primary:hover { background: #34383f; }
thead th, .site-foot, .formula { background: #f5f6f7; }
.formula { border-left-color: #c9a23f; }
#notice { color: #8a6a1c; }

@media (max-width: 480px) {
  h1 { font-size: 31px; }
}