/* Lancashire Floors design tokens (from the approved demo: railing green leads; fascia yellow only on the logo plate
 and the form button; spiral red only in marks). The starter token names at the end map onto these for the core pages. */
:root {
  --paper: #F7F6F1;
  --card: #FFFFFF;
  --rail: #1D4A40;          /* railing green: main buttons, bands, footer */
  --rail-d: #143730;
  --rail-pale: #E3EAE5;
  --rail-line: #C9D6CF;
  --yellow: #F6D917;        /* fascia yellow: the logo plate and one button */
  --red: #D3242B;           /* spiral red: marks only */
  --ink: #17191A;
  --muted: #4F5554;
  --line: #DCDBD4;
  --steel-1: #8F9594; --steel-2: #C3C8C7; --steel-3: #E6E8E7;
  --gut: 16px;
  --max: 1280px;
  --head-h: 64px;
  --disp: "Fahkwang", "Optima", "Candara", sans-serif;
  --body: "Albert Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  /* hero-styles / hero-swap tokens */
  --hero-dark: #10241F;
  --hero-light: var(--paper);
  --hero-on-dark: #FFFFFF;
  --hero-on-light: var(--ink);
  --hero-top: 8px;
  --hero-gut: var(--gut);
  --hero-max: var(--max);
  --hero-copy-max: 600px;
  --hs-bg: #10241F; --hs-fg: #FFFFFF; --hs-line: rgba(255,255,255,.18); --hs-accent: var(--yellow);
  --hs-toggle-bg: rgba(16,36,31,.78); --hs-toggle-fg: #FFFFFF; --hs-toggle-line: rgba(255,255,255,.6);
  --pt-on-bg: var(--rail); --pt-on-fg: #FFFFFF; --pt-focus: var(--rail); --pt-radius: 6px; --pt-tile-radius: 4px; --pt-ratio: 4 / 5;
  /* starter tokens (legal, thank-you and 404 pages use these) */
  --font-body: var(--body);
  --font-display: var(--disp);
  --color-bg: var(--paper);
  --color-text: var(--ink);
  --color-accent: var(--rail);
  --color-focus: var(--rail);
  --container-max: var(--max);
  --gutter: var(--gut);
  --space-s: 12px;
  --space-m: 24px;
  --space-l: 48px;
  --section-space: clamp(48px, 8vw, 84px);
  --touch-target: 44px;
}
@media (min-width: 768px) { :root { --gut: 28px; } }
@media (min-width: 1024px) { :root { --gut: 40px; --head-h: 84px; } }