/* Design tokens — the single source for color, type, radius and motion.
   Direction: warm paper surfaces, warm near-black ink, serif display type
   at regular weight, one clay accent used sparingly. Flat shapes, hairline
   borders, softly squared controls. No shadows, blur or gradients. */

/* Display serif: latin subset of the Source Serif 4 variable font (opsz, 400–600). */
@import url("https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz,wght@8..60,400..600&display=swap");

@font-face {
  font-family: "Inter";
  src: url("fonts/Inter-Variable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  color-scheme: light;

  /* Surfaces */
  --bg: #faf9f5;
  --band: #f0eee6;
  --surface: #fff;        /* raised sheet: fields, dialogs, small actions */

  /* Ink */
  --ink: #141413;
  --ink-hover: #3d3d3a;   /* hover fill for dark buttons */
  --ink-2: #66655f;       /* secondary text: 5.6:1 on --bg, 5.1:1 on --band */
  --on-ink: #faf9f5;         /* text on --ink surfaces */
  --on-ink-2: #b0aea5;    /* secondary text on --ink: 8.2:1 */
  --on-ink-line: #faf9f533;
  --on-ink-fill: #faf9f51a;

  /* Lines */
  --line: #d6d3c7;
  --line-soft: #e8e6dc;
  --scrim: #14141399;

  /* One accent */
  --accent: #b5532f;      /* clay: 4.9:1 on --bg, --on-accent on it 4.9:1 */
  --on-accent: #faf9f5;
  --accent-soft: #b5532f14;

  /* Functional status only */
  --danger: #b3261e;
  --success: #1e6b3f;

  /* Shape */
  --radius-media: 24px;
  --radius-sm: 12px;
  --radius-control: 12px;
  --radius-pill: 999px;

  /* Type */
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-display: "Source Serif 4", "Iowan Old Style", Charter, Georgia, serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --fs-display: clamp(2.75rem, 1.3rem + 6vw, 5rem);      /* up to 80px */
  --fs-h1: clamp(2rem, 1.4rem + 2.4vw, 3rem);            /* up to 48px */
  --fs-h2: clamp(1.25rem, 1.1rem + .6vw, 1.5rem);         /* up to 24px */
  --fs-body: 1.0625rem;                                   /* 17px */
  --fs-small: .8125rem;                                   /* 13px */
  --fs-label: .75rem;                                     /* 12px */
  --lh-body: 1.55;
  --lh-head: 1.06;
  --fw-display: 400;
  --fw-body: 400;
  --fw-ui: 500;
  --track-display: -.022em;
  --track-label: .08em;

  /* Layout and motion */
  --gutter: clamp(22px, 4.2vw, 80px);
  --measure: 1440px;
  --section-y: 120px;
  --ease: cubic-bezier(.2, .7, .2, 1);
}

/* Mono label: kickers, versions, meta. */
.label {
  font-family: var(--font-mono);
  font-size: var(--fs-label);
  font-weight: var(--fw-ui);
  line-height: 1.3;
  letter-spacing: var(--track-label);
  text-transform: uppercase;
}