:root {
  color-scheme: light;
  --p-canvas: #f6f4ef;
  --p-surface: #fbfaf6;
  --p-recessed: #ecebe4;
  --p-text: #0a0f14;
  --p-body: #2a3038;
  --p-muted: #5a6470;
  --p-border: #d8d3c4;
  --p-navy: #0b2545;
  --p-forest: #1b4332;
  --p-ochre: #b08b3a;
  --p-font: Inter, Helvetica Neue, Arial, sans-serif;
  --p-mono: JetBrains Mono, ui-monospace, monospace;
  --p-radius: 6px;
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--p-canvas); color: var(--p-text); font: 15px/1.5 var(--p-font); -webkit-font-smoothing: antialiased; }
button, input, select { font: inherit; }
button { cursor: pointer; }
a { color: inherit; }
:focus-visible { outline: 2px solid var(--p-forest); outline-offset: 3px; }
.hidden, [hidden] { display: none !important; }