/* ============================================================================
   Design tokens. Single source of truth for the Meticulous brand system:
   cream paper, black ink, one yellow accent. Do not widen the palette.
   ========================================================================== */

:root {
  /* Color */
  --paper: #F6F1E6;
  --ink: #0D0D0D;
  --ink-muted: #5C574C;            /* 6.3:1 on paper, ok for small text */
  --accent: #EDB662;               /* wheat yellow, decorative + large accents only */

  --hairline: rgba(13, 13, 13, 0.35);
  --trace: rgba(13, 13, 13, 0.28); /* underdrawing ink */
  --trace-faint: rgba(13, 13, 13, 0.10);

  --surface-dark: #16130D;         /* testimonial and footer ground */
  --paper-on-dark: #F6F1E6;
  --muted-on-dark: rgba(246, 241, 230, 0.78);
  --hairline-on-dark: rgba(246, 241, 230, 0.28);

  /* Type */
  --font-display: "Faraon", "Faraon Fallback", "Iowan Old Style", Georgia, serif;
  --font-body: "Gotham SSm A", "Gotham SSm B", "Avenir Next", "Segoe UI", Helvetica, Arial, sans-serif;

  --text-sm: 0.8125rem;
  --text-base: 1.125rem;
  --text-description: 1.0625rem;
  --text-lede: 1.1875rem;
  --text-h3: clamp(1.375rem, 1.2rem + 0.8vw, 1.75rem);
  --text-h2: clamp(1.875rem, 1.4rem + 2vw, 2.75rem);
  --text-h1: clamp(2.5rem, 1.5rem + 3.9vw, 4rem);

  /* Layout */
  --content-max: 72rem;
  --gutter: clamp(1.25rem, 4vw, 2.5rem);
  --margin-zone: clamp(0rem, 8vw - 4rem, 5rem); /* room for marginalia at wide sizes */
  --section-pad: clamp(4rem, 9vw, 7.5rem);

  /* Focus */
  --focus-ring-width: 2px;
  --focus-ring-offset: 3px;
}