/* ==========================================================================
   SETTINGS — design tokens for UK Table Compare
   ========================================================================== */

:root {
  /* Palette: near-white paper, ink black, one neon-lime accent */
  --paper: #f5f5f0;
  --paper-raised: #fbfbf8;
  --ink: #14150f;
  --ink-2: #3a3c33;
  --ink-3: #6b6d62;
  --lime: #c8ff2e;
  --lime-deep: #8fbd00;

  --tint-1: rgba(20, 21, 15, 0.045);
  --tint-2: rgba(20, 21, 15, 0.09);
  --tint-lime: rgba(200, 255, 46, 0.22);
  --on-ink: #f5f5f0;
  --on-ink-2: #b7b9ae;

  /* Type — classic serif throughout, hierarchy driven by weight */
  --serif: "Iowan Old Style", "Palatino Linotype", "Palatino", "URW Palladio L",
    P052, Georgia, "Times New Roman", serif;

  --t-mega: clamp(2.5rem, 8.6vw, 6.5rem);
  --t-xxl: clamp(2.1rem, 5.6vw, 3.5rem);
  --t-xl: clamp(1.6rem, 3.4vw, 2.25rem);
  --t-lg: clamp(1.3rem, 2.2vw, 1.55rem);
  --t-md: 1.125rem;
  --t-base: 1.0625rem;
  --t-sm: 0.9375rem;
  --t-xs: 0.8125rem;
  --t-label: 0.6875rem;

  /* Spacing — 4px scale */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 64px;
  --s-9: 96px;
  --s-10: 128px;

  /* Structure */
  --wrap: 1120px;
  --wrap-narrow: 760px;
  --measure: 68ch;
  --radius: 4px;
  --radius-lg: 8px;
  --capsule: 999px;
  --agebar-space: 92px;
}

@media (max-width: 640px) {
  :root {
    --agebar-space: 116px;
  }
}