/*
  Fluid tokens generated from the two Figma data points we have:
  mobile frame measured at 390px viewport, desktop frame measured at 1728px viewport.
  Every clamp() below is exact at those two widths and interpolates smoothly
  between/around them (see README for the generator).
*/
:root {
  /* Colors — no Figma variables were defined on these frames, so these are
     the raw hex values pulled from the design, named by role. */
  --color-olive: #42442f;      /* Lennan's Yard primary / dark bg */
  --color-cream: #f3edd3;      /* primary text on dark, light section bg */
  --color-orange: #fa690c;     /* signature plates accent */
  --color-maroon: #65092b;     /* Haddington Road accent */
  --color-tan: #c6914f;        /* footer background */
  --color-black: #000000;
  --color-cream-shade: #e6dcc0; /* darker cream, for .btn--solid hover */

  /* Per-location theme, overridden inline per page (see locations data).
     Falls back to Lennan's Yard so a page that forgets to set it still works. */
  --color-theme: var(--color-olive);
  --color-theme-other: var(--color-maroon);

  /* Typography */
  --font-display: "GT Alpina Condensed", Georgia, "Times New Roman", serif;
  --font-body: "Inter Tight", Inter, -apple-system, BlinkMacSystemFont, sans-serif;

  --fs-hero-title: clamp(2.125rem, 0.9226rem + 4.9327vw, 6.25rem);
  --fs-hero-address: clamp(1rem, 0.7814rem + 0.8969vw, 1.75rem);
  --fs-section-title: clamp(2.375rem, 1.9013rem + 1.9432vw, 4rem);
  --fs-body: clamp(1.125rem, 0.9428rem + 0.7474vw, 1.75rem);
  --fs-label: clamp(0.875rem, 0.8021rem + 0.299vw, 1.125rem);
  --fs-value: clamp(1rem, 0.8907rem + 0.4484vw, 1.375rem);
  --fs-quote: clamp(1.625rem, 0.9327rem + 2.8401vw, 4rem);
  --fs-button: clamp(0.875rem, 0.7657rem + 0.4484vw, 1.25rem);
  --fs-footer-heading: clamp(1.75rem, 1.3857rem + 1.4948vw, 3rem);
  --fs-footer-body: clamp(1rem, 0.8907rem + 0.4484vw, 1.375rem);
  --fs-footer-nav: clamp(1.75rem, 1.3857rem + 1.4948vw, 3rem);

  /* Spacing */
  --space-section-x: clamp(1.25rem, 0.5213rem + 2.9895vw, 3.75rem);
  --space-section-y: clamp(3rem, 2.0527rem + 3.8864vw, 6.25rem);
  --space-xs: clamp(0.5rem, 0.3543rem + 0.5979vw, 1rem);
  --space-sm: clamp(1rem, 0.8543rem + 0.5979vw, 1.5rem);
  --space-md: clamp(1.5rem, 1.2085rem + 1.1958vw, 2.5rem);
  --space-lg: clamp(2rem, 1.417rem + 2.3916vw, 4rem);
  --space-xl: clamp(3rem, 2.0527rem + 3.8864vw, 6.25rem);

  --radius-sm: 0.375rem;
  --radius-md: clamp(0.375rem, 0.3386rem + 0.1495vw, 0.5rem);
  --radius-hero: clamp(0rem, -0.1457rem + 0.5979vw, 0.5rem);

  --button-py: clamp(0.625rem, 0.4975rem + 0.5232vw, 1.0625rem);
  --button-px: clamp(1rem, 0.9271rem + 0.299vw, 1.25rem);
  --space-hero-inset: clamp(0rem, -0.3643rem + 1.4948vw, 1.25rem);
  --fs-eyebrow: clamp(1rem, 0.9271rem + 0.299vw, 1.25rem);

  /* Layout */
  --content-max: 1728px;
  --desktop-breakpoint: 1024px;
}