:root {
  color-scheme: light;
  --paper: #f4efe6;
  --surface: #fffaf1;
  --surface-2: #ece3d2;
  --ink: #24231f;
  --muted: #746c60;
  --line: #ddd4c4;
  --primary: #2f695c;
  --primary-soft: #e2ede9;
  --accent: #c26a3a;
  --accent-soft: #f6e4d8;
  --gold: #b98a2e;
  --up: #2e7d4f;
  --down: #b3453a;
  --radius: 10px;
  --shadow: 0 12px 34px rgba(45, 38, 29, .12);
}

[data-theme="dark"] {
  color-scheme: dark;
  --paper: #17150f;
  --surface: #221f17;
  --surface-2: #2c2820;
  --ink: #efe8da;
  --muted: #aaa08d;
  --line: #3a352a;
  --primary: #5da28f;
  --primary-soft: #23332e;
  --accent: #d98b5b;
  --accent-soft: #3a2b20;
  --gold: #d4a94a;
  --up: #64b788;
  --down: #d97c72;
  --shadow: 0 12px 34px rgba(0, 0, 0, .42);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  background: var(--paper);
  color: var(--ink);
  line-height: 1.45;
}
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { cursor: pointer; }
img { max-width: 100%; display: block; }
h1, h2, h3 { margin: 0; line-height: 1.12; letter-spacing: 0; }
small, .muted { color: var(--muted); }
.eyebrow {
  color: var(--accent);
  font-size: .68rem;
  font-weight: 850;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 9px 15px;
  border-radius: 8px;
  border: 1px solid var(--primary);
  background: var(--primary);
  color: #fff;
  font-weight: 850;
}
.btn.ghost { background: transparent; color: var(--primary); }
.btn.accent { background: var(--accent); border-color: var(--accent); }
.trend.up { color: var(--up); }
.trend.down { color: var(--down); }
.chip {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 3px 8px;
  background: var(--primary);
  color: #fff;
  font-size: .66rem;
  font-weight: 850;
  text-transform: uppercase;
}