/* ==========================================================================
   ZAIMAR Studio — design tokens
   Every value here is lifted directly from the approved design
   (ZAIMAR Studio.dc.html). Change these to re-tune the whole site.
   ========================================================================== */

:root {
  /* --- Paper / light surfaces ------------------------------------------- */
  /* Approved paper tones: #F5F1EA (default) · #F2EDE3 · #EFE9DD · #FAF7F1
     Override at runtime via assets/js/config.js (paperTone), or edit here. */
  --paper: #F5F1EA;

  /* --- Ink / text ---------------------------------------------------------- */
  --ink: #1A1917;          /* primary text, wordmark, borders            */
  --ink-body: #3C3833;     /* paragraph body copy                         */
  --ink-muted: #7A7266;    /* eyebrows, meta labels                       */
  --ink-faint: #7E766A;    /* footer meta labels                          */
  --ink-placeholder: #A9A296; /* form ::placeholder                       */
  --link-hover: #6B6459;   /* link / control hover                        */

  /* --- Hairlines --------------------------------------------------------- */
  --rule-10: rgba(26, 25, 23, 0.10);  /* section dividers                 */
  --rule-14: rgba(26, 25, 23, 0.14);  /* list rows, detail dividers       */
  --rule-30: rgba(26, 25, 23, 0.30);  /* form input underlines            */

  /* --- Dark contrast sections ---------------------------------------------- */
  --dark-bg: #141311;
  --dark-fg: #F0EBE1;
  --dark-body: #CFC8BB;
  --dark-eyebrow: #9C9284;
  --dark-faint: #7E766A;
  --dark-rule: #6E6559;
  --dark-caption: #8E8778;

  /* --- Placeholder image fills (diagonal hatching) --------------------- */
  --hatch-a: repeating-linear-gradient(135deg, #DDD5C6 0 9px, #E8E1D4 9px 18px);
  --hatch-b: repeating-linear-gradient(135deg, #E6DFD1 0 9px, #EEE8DC 9px 18px);
  --hatch-dark: repeating-linear-gradient(135deg, #26241F 0 9px, #2E2B25 9px 18px);
  --hatch-a-caption: #5F594F;
  --hatch-b-caption: #6B6459;
  /* Placeholder caption labels: block = visible, none = hidden.
     Override via assets/js/config.js (showPlaceholderLabels). */
  --capdisp: block;

  /* --- Typography ----------------------------------------------------------- */
  --font-serif: "Instrument Serif", Georgia, serif;   /* display / headings  */
  --font-sans: "Helvetica Neue", Helvetica, Arial, sans-serif; /* UI / body   */
  --font-mono: ui-monospace, "SFMono-Regular", Menlo, monospace; /* captions  */

  /* --- Layout primitives ---------------------------------------------------- */
  --container-max: 1560px;
  --gutter: clamp(20px, 4vw, 64px);
  --section-y: clamp(56px, 8vw, 128px);
  --header-h: clamp(60px, 7vw, 80px);
}