/* Black Timber Apothecary — design values.
   The ONLY place a visual constant is defined. No component hardcodes a value a token owns.
   See design.md → "Design values". */

@font-face {
  font-family: 'Playfair Display';
  src: url('../fonts/playfair-latin.woff2') format('woff2');
  font-weight: 400 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lora';
  src: url('../fonts/lora-latin.woff2') format('woff2');
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Color — off the printed label. Never pure white, never pure black. */
  --ink: #14110F;
  --paper: #F5F0E6;
  --paper-deep: #EBE4D6;
  --amber: #E3A24A;
  --muted: #6F675C;

  /* Type */
  --font-display: 'Playfair Display', 'Iowan Old Style', Georgia, serif;
  --font-body: 'Lora', Georgia, 'Times New Roman', serif;

  --fs-1: 0.875rem;  /* fine print, disclaimer */
  --fs-2: 1rem;      /* body */
  --fs-3: 1.125rem;  /* lead paragraph */
  --fs-4: 1.5rem;    /* h3 */
  --fs-5: 2.25rem;   /* h2 */
  --fs-6: 3.5rem;    /* h1 / display */

  --lh-tight: 1.15;
  --lh-body: 1.65;
  --tracking-caps: 0.08em;

  /* Spacing */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 16px;
  --sp-4: 24px;
  --sp-5: 40px;
  --sp-6: 64px;
  --sp-7: 96px;

  /* Form — letterpress has no rounded corners and no shadows. */
  --radius: 0;
  --rule: 1px solid var(--ink);
  --rule-faint: 1px solid rgba(20, 17, 15, 0.22);

  --measure: 34rem;      /* readable line length */
  --page-max: 68rem;     /* outer container */
}

@media (max-width: 720px) {
  :root {
    --fs-6: 2.25rem;
    --fs-5: 1.75rem;
    --fs-4: 1.25rem;
  }
}