/* Manifique — design tokens · Sage forest palette */
:root {
  /* Palette: deep sage forest with lily accent */
  --m-bone: #F4F2EC;         /* page bg — warm bone */
  --m-cream: #E8E5DC;        /* secondary bg — lily */
  --m-sand: #C2CDB6;         /* tertiary — pale sage */
  --m-clay: #7A8A72;         /* warm accent — sage */
  --m-terracotta: #8AA088;   /* primary accent — fresh sage (semantic name kept for compat) */
  --m-mocha: #3F4D3D;        /* deep neutral — forest */
  --m-espresso: #1A2620;     /* darkest — forest noir */
  --m-ink: #1A2620;          /* text */
  --m-muted: #6B7866;        /* muted text */
  --m-line: rgba(26,38,32,0.12);

  /* Dark surface (for ritual landings, hero) */
  --m-dark: #1A2620;
  --m-dark-soft: #243029;
  --m-gold: #B8C7AE;         /* light sage accent on dark */

  /* Typography */
  --m-serif: "Cormorant Garamond", "Garamond", "EB Garamond", Georgia, serif;
  --m-sans: "Inter Tight", "Helvetica Neue", system-ui, sans-serif;
  --m-mono: "JetBrains Mono", "Courier New", monospace;

  /* Spacing scale */
  --m-1: 4px;
  --m-2: 8px;
  --m-3: 12px;
  --m-4: 16px;
  --m-5: 24px;
  --m-6: 32px;
  --m-7: 48px;
  --m-8: 64px;
  --m-9: 96px;
  --m-10: 128px;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

html, body {
  background: var(--m-bone);
  color: var(--m-ink);
  font-family: var(--m-sans);
  font-feature-settings: "ss01", "cv11";
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.m-display {
  font-family: var(--m-serif);
  font-weight: 400;
  letter-spacing: -0.02em;
  line-height: 0.95;
}
.m-italic { font-style: italic; }
.m-eyebrow {
  font-family: var(--m-sans);
  font-size: 11px;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: var(--m-mocha);
  font-weight: 500;
}
.m-body {
  font-family: var(--m-sans);
  font-size: 15px;
  line-height: 1.55;
  color: var(--m-mocha);
  font-weight: 400;
}
.m-mono {
  font-family: var(--m-mono);
  font-size: 11px;
  letter-spacing: 0.04em;
}

a { color: inherit; text-decoration: none; }
button { font: inherit; cursor: pointer; border: none; background: none; color: inherit; }
img { max-width: 100%; display: block; }