/* Captain Yorkshire Brand B · tokens (Wanda Direction B) + self-hosted fonts */
@font-face{font-family:'Rubik';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/Rubik-400.ttf) format('truetype')}
@font-face{font-family:'Rubik';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/Rubik-500.ttf) format('truetype')}
@font-face{font-family:'Rubik';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/Rubik-600.ttf) format('truetype')}
@font-face{font-family:'Rubik';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/Rubik-700.ttf) format('truetype')}
@font-face{font-family:'Rubik';font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/Rubik-800.ttf) format('truetype')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/Montserrat-400.ttf) format('truetype')}
@font-face{font-family:'Montserrat';font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/Montserrat-400-italic.ttf) format('truetype')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/Montserrat-500.ttf) format('truetype')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/Montserrat-600.ttf) format('truetype')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/Montserrat-700.ttf) format('truetype')}
/* The Yorkshire Surveying Co · Direction B tokens · 2026-09-25 (concept) */
:root{
  /* brand */
  --ysc-moor:#1E3A2F; --ysc-moor-deep:#152A21; --ysc-forest:#2E5E47; --ysc-fell:#2E5E47; --ysc-sage:#5B8266; /* shared green palette 26 Sep 2026 (was moor #212922 / forest #294936 / fell #3E6259) */
  --ysc-sage-light:#A9BFB0; --ysc-heather-mist:#D3E2D7; --ysc-sage-tint:#E6EEE7;
  --ysc-gold:#FFB400; --ysc-gold-deep:#E09E00;
  --ysc-limestone:#ECE8DE; --ysc-stone:#F5F2EA; --ysc-wool:#FAF9F6; --ysc-white:#FFFFFF;
  --ysc-ink:#1F2A24; --ysc-muted:#56625B; --ysc-line:#DAD5C8; --ysc-line-cool:#CBD3CD; --ysc-flag:#A4262C;
  /* semantic (site.css only reads these) */
  --c-dark:var(--ysc-moor); --c-dark-2:var(--ysc-moor-deep); --c-on-dark:var(--ysc-white); --c-on-dark-soft:var(--ysc-heather-mist);
  --c-dark-line:#35574A; --c-dark-deco:#6F8F7C; --c-tag-bg:var(--ysc-gold); --c-tag-ink:var(--ysc-moor);
  --c-accent:var(--ysc-gold); --c-accent-hover:var(--ysc-gold-deep); --c-on-accent:var(--ysc-moor);
  --c-support:var(--ysc-fell); --c-support-tint:#E6EEE7;
  --c-page:var(--ysc-wool); --c-surface:var(--ysc-white); --c-tint:var(--ysc-stone); --c-pale:var(--ysc-sage-tint);
  --c-ink:var(--ysc-ink); --c-muted:var(--ysc-muted); --c-line:var(--ysc-line); --c-line-cool:var(--ysc-line-cool);
  --c-heading:var(--ysc-moor); --c-numeral:var(--ysc-fell); --c-focus:var(--ysc-forest);
  --c-accent-text:var(--ysc-forest); --c-flag:var(--ysc-flag);
  /* accent words in headings: upright Rubik, forest with a gold marker band on light, gold on moor */
  --em-style:normal; --em-weight:700; --c-em:var(--ysc-forest); --c-em-on-dark:var(--ysc-gold);
  --em-mark:linear-gradient(180deg,transparent 68%,rgba(255,180,0,.5) 68%,rgba(255,180,0,.5) 90%,transparent 90%);
  /* type */
  --ff-display:'Rubik','Helvetica Neue',Arial,sans-serif; --ff-body:'Montserrat','Helvetica Neue',Arial,sans-serif;
  --fw-display:700; --fw-display-strong:800; --display-tracking:-0.03em;
  --fs-hero:clamp(2.875rem, 1rem + 5.6vw, 6.75rem);
  --fs-h1:clamp(2.5rem, 1.2rem + 3.9vw, 5.25rem);
  --fs-h2:clamp(2rem, 1.2rem + 2.8vw, 3.75rem);
  --fs-h3:clamp(1.375rem, 1.15rem + 0.8vw, 1.875rem);
  --fs-h4:clamp(1.0625rem, 1rem + 0.25vw, 1.25rem);
  --fs-lede:clamp(1.0625rem, 0.98rem + 0.35vw, 1.25rem);
  --fs-body:1rem; --fs-small:.875rem; --fs-eyebrow:.75rem; --eyebrow-tracking:.12em;
  --fs-numeral:clamp(2.75rem, 1.8rem + 3vw, 4.75rem);
  --fs-stat:clamp(3rem, 1.8rem + 4vw, 5.75rem);
  /* layout */
  --wrap:80rem; --gut:1.5rem; --section:clamp(4.5rem, 3rem + 5vw, 8rem);
  --r-card:8px; --r-ctl:6px; --r-tag:3px;
  --skyline:url(../art/skyline-yorkshire-on-moor.svg); /* path is relative to the stylesheet: point it at the uploaded SVG in WordPress */
}
@media (max-width:600px){ :root{ --gut:1.25rem; } }