/* ASL Chemin Vert — design tokens (from Claude Design) */
:root {
  /* Paper & ink */
  --paper: #F6F8F1;
  --paper-2: #EEF2E6;
  --card: #FEFEFB;
  --ink: #1A1F14;
  --ink-2: #3A4432;
  --ink-3: #6B7361;
  --ink-4: #9AA093;

  /* Greens */
  --green-900: #2F4A1D;
  --green-700: #5C8A3A;
  --green-500: #7FAE55;
  --green-300: #A3C179;
  --green-100: #D9E6C4;
  --green-50:  #EDF2E0;

  /* Accents */
  --clay: #C77D4A;
  --sky:  #6B9BB8;

  /* Lines */
  --line: #D9DFCC;
  --line-2: #C5CFB3;

  /* Type */
  --serif: "Instrument Serif", "Iowan Old Style", Georgia, serif;
  --sans: "Geist", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Radii */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 16px;

  /* Shadows — almost none */
  --shadow-1: 0 1px 0 rgba(47, 74, 29, 0.04);
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: var(--sans);
  color: var(--ink);
  background: var(--paper);
  font-size: 15px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

h1, h2, h3, h4 { margin: 0; font-weight: 500; letter-spacing: -0.01em; }

.serif { font-family: var(--serif); font-weight: 400; letter-spacing: -0.01em; }
.mono  { font-family: var(--mono); font-feature-settings: "tnum" 1; }
.eyebrow {
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--ink-3);
}

button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; }
a { color: inherit; text-decoration: none; }

.hairline { background: var(--line); height: 1px; width: 100%; }