/* ==========================================================================
   Design tokens — single source of truth for colour, type, spacing, motion.
   Adjust the palette or scale here; nothing below this file hard-codes values.
   ========================================================================== */

:root {
  /* Colour */
  --color-ivory: #f5f0e6;
  --color-bone: #ece4d3;
  --color-bone-dark: #ddd2b8;
  --color-olive: #454f32;
  --color-olive-dark: #313823;
  --color-olive-light: #5c6a41;
  --color-charcoal: #2a2722;
  --color-charcoal-soft: #4a4640;
  --color-brass: #a9895a;
  --color-brass-light: #c2a880;
  --color-line: rgba(42, 39, 34, 0.12);
  --color-line-on-dark: rgba(245, 240, 230, 0.18);

  /* Type */
  --font-display: "Fraunces", "Iowan Old Style", "Palatino Linotype", serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --fs-xs: 0.8125rem;
  --fs-sm: 0.9375rem;
  --fs-base: 1.0625rem;
  --fs-md: 1.25rem;
  --fs-lg: 1.75rem;
  --fs-xl: 2.5rem;
  --fs-2xl: 3.25rem;
  --fs-3xl: 4.25rem;

  --lh-tight: 1.08;
  --lh-snug: 1.3;
  --lh-normal: 1.6;

  --ls-wide: 0.08em;
  --ls-wider: 0.16em;

  /* Spacing */
  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs: 0.75rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;
  --space-3xl: 9rem;

  /* Layout */
  --content-max: 74rem;
  --content-narrow: 42rem;
  --radius-sm: 2px;
  --radius-md: 4px;

  /* Motion */
  --ease-considered: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 200ms;
  --dur-base: 500ms;
  --dur-slow: 900ms;
}