/* Design tokens (owner: Designer). Typography only: system fonts, no images.
   Palette: warm paper ground, two regional voices.
   Istria = moss green + truffle brown (hills, woods, stone towns).
   Islands = deep Adriatic blue + sun gold (sea, limestone, light).
   Every text pair below is WCAG AA (4.5:1 or better) on its stated ground. */
:root {
  /* Type: Georgia display for editorial weight, system sans for reading. */
  --font-display: Georgia, "Times New Roman", serif;
  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* Type scale (fluid, phone to desktop) */
  --step--1: clamp(.85rem, .83rem + .1vw, .92rem);
  --step-0: clamp(1.05rem, 1rem + .25vw, 1.2rem);
  --step-1: clamp(1.3rem, 1.2rem + .5vw, 1.6rem);
  --step-2: clamp(1.7rem, 1.4rem + 1.4vw, 2.5rem);
  --step-3: clamp(2.3rem, 1.7rem + 3vw, 4rem);
  --step-4: clamp(3rem, 2rem + 6vw, 7rem);
  --tracking-caps: .14em;
  --leading-tight: 1.05;
  --leading-body: 1.6;

  /* Ground and text */
  --color-bg: #fbf8f2;          /* paper */
  --color-text: #1c1c1c;        /* ink, 16:1 on bg */
  --color-muted: #5a554c;       /* secondary text, 6.9:1 on bg */
  --color-rule: #d9d2c3;        /* hairlines, decorative only */

  /* Istria */
  --color-istria: #4a5d23;      /* moss, 6.7:1 on bg */
  --color-istria-deep: #2f3d14; /* dark ground for light text */
  --color-truffle: #5b3a29;     /* truffle brown, 9:1 on bg */
  --color-istria-tint: #eef0e0; /* pale green panel, text stays #1c1c1c */

  /* Islands */
  --color-islands: #0b5d7a;     /* Adriatic, 7:1 on bg */
  --color-islands-deep: #06364a;/* dark ground for light text */
  --color-sun: #f2c14e;         /* gold; use as a ground or on deep blue, 7.7:1 on islands-deep, never as text on paper */
  --color-islands-tint: #e3f0f4;/* pale sea panel, text stays #1c1c1c */

  /* Accent for links and highlights */
  --color-accent: #8a3b12;      /* terracotta roof, 7:1 on bg */
  --color-on-deep: #fbf8f2;     /* text on the two deep grounds */

  /* Space, shape */
  --space-1: .5rem;
  --space-2: 1rem;
  --space-3: 2rem;
  --space-4: 4rem;
  --space-5: 8rem;
  --radius-s: 2px;
  --radius-m: 6px;
  --measure: 65ch;

  /* Motion (JS and CSS reuse these; reduced motion is handled in site.css) */
  --ease-out: cubic-bezier(.2, .8, .2, 1);
  --dur-s: .3s;
  --dur-m: .8s;
  --dur-l: 1.6s;
}