/* Tannor Holdings design tokens. Source of truth: DESIGN.md */
:root {
  /* This design is warm paper and ink only — there is no dark variant.
     "only light" opts the page out of Chrome's Auto Dark Theme, which
     otherwise force-inverts sites that state no preference. Plain
     "light" is not enough: it sets the UA widget colours but still
     lets the browser darken the page. */
  color-scheme: only light;

  /* colour */
  --paper: #F7F1E6;
  --paper-raised: #FCF8F1;
  --ink: #2B2420;
  --ink-2: #6E625A;
  --ink-3: #766A61;
  --rule: #D8CEC1;
  --rule-strong: #B5AA9D;
  --oxblood: #5A1F1B;
  --oxblood-hover: #4A1814;
  --oxblood-press: #3A120F;
  --on-dark: #F7F1E6;
  --error: #A2381E;

  /* chapter fields (portfolio cards only) */
  --field-moss: #2E3A2B;
  --field-plum: #3D2A33;
  --field-umber: #4A3B2E;
  --field-slate: #2F3640;
  --field-stone: #E9DFCF;
  --field-brass: #C9A34E;
  --field-navy: #0C2840;
  --field-forest: #0E2E2A;

  /* type: Switzer (ITF FFL, Fontshare) + Libre Caslon Display (OFL, Google Fonts) */
  --font-sans: "Switzer", "Helvetica Neue", Arial, sans-serif;
  --font-serif: "Libre Caslon Display", Georgia, "Times New Roman", serif;

  --text-wordmark: clamp(120px, 18vw, 260px);
  --text-display: clamp(40px, 5.2vw, 72px);
  --text-lede: clamp(22px, 2.3vw, 32px);
  --text-heading: 30px;
  --text-card: clamp(28px, 3vw, 44px);
  --text-body: 17px;
  --text-small: 14px;
  --text-label: 12px;

  /* space */
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px;
  --s6: 32px; --s7: 48px; --s8: 64px; --s9: 96px; --s10: 144px;
  --max: 1320px;
  --gutter: clamp(20px, 4vw, 48px);

  /* radius hierarchy */
  --r-control: 2px;
  --r-plate: 0;
  --r-image: 14px;
  --r-card: 20px;

  /* motion */
  --ease: cubic-bezier(.2, .7, .1, 1);
  --t-control: 180ms;
  --t-reveal: 700ms;
  --t-draw: 1400ms;
}