/* First Nature design tokens. The single source of truth for every First Nature surface.
   Change a value here, never inline in a page. Documented in AGENTS.md (Design system). */
:root {
  /* colour: dark values here; light applies when the system is light or the visitor picks it */
  --paper: #0c0c0b;          /* background */
  --ink: #e8e5de;            /* text, marks, scene points */
  --muted: #8b887f;          /* labels, secondary text */
  --rule: #2a2925;           /* hairlines, borders */
  color-scheme: dark;

  /* type */
  --serif: "Source Serif 4", "Iowan Old Style", Georgia, serif;   /* everything you read */
  --mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;        /* labels, nav, data readouts */
  --t-display: clamp(40px, 6vw, 90px);    /* hero statement, weight 400, tracking -0.028em, leading 1.04 */
  --t-statement: clamp(28px, 2.9vw, 46px);/* manifesto lines, tracking -0.02em, leading 1.14 */
  --t-body: clamp(20px, 1.9vw, 28px);     /* paragraphs, tracking -0.01em, leading 1.36 */
  --t-mark: 22px;                         /* header wordmark */
  --t-label: 13px;                        /* mono, uppercase, tracking 0.08em */

  /* space and layout */
  --gutter: clamp(20px, 3.4vw, 48px);     /* page side margin */
  --section-y: clamp(72px, 12vh, 140px);  /* space after a section */
  --hairline: 1px;

  /* motion */
  --ease: cubic-bezier(.2, .7, .1, 1);    /* every entrance and transition */
  --t-reveal: 1.1s;                       /* section and text reveals */
  --t-quick: .3s;                         /* hovers */
}
:root[data-theme="light"] {
  --paper: #f5f3ed; --ink: #161513; --muted: #6d6a63; --rule: #d8d4ca;
  color-scheme: light;
}
/* no explicit choice: follow the system setting */
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) { --paper: #f5f3ed; --ink: #161513; --muted: #6d6a63; --rule: #d8d4ca; color-scheme: light; }
}