:root {
  --background: hsl(150 12% 93%);
  --foreground: hsl(163 34% 10%);
  --primary: hsl(166 74% 21%);
  --primary-2: #12715C;
  --muted-foreground: hsl(140 7% 45%);
  --destructive: hsl(5 63% 53%);
  --border: hsl(140 14% 90%);
  --ink: #10211C;
  --gold: #E8A23D;
  --gold-soft: #F6E2BC;
  --danger-soft: #F7E0DC;
  --ok: #1C8A6A;
  --green-soft: #DCF0E6;
  --surface: #FFFFFF;
  --line: #E2E8E4;
  --muted-2: #6E7A73;
  --green-300: #86EFAC;
  --green-400: #4ADE80;

  --font-heading: 'Space Grotesk', ui-sans-serif, system-ui, sans-serif;
  --font-body: 'Inter', ui-sans-serif, system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: var(--font-body);
  color: var(--ink);
  background: var(--background);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; }
button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; }
img, svg { display: block; max-width: 100%; }
ul { list-style: none; }