/* Sombrero Beach Run design tokens. Change values here, not in site.css. */
:root{
  /* colour */
  --sea:#073B4C;        /* page ground, header, footer */
  --sea-2:#0C5066;      /* raised panel on sea, nav hover */
  --ink:#062A37;        /* text on light grounds, on orange, sun and aqua */
  --paper:#FFFFFF;      /* bibs, cards, text on sea */
  --mist:#DDEFF0;       /* secondary text on sea */
  --orange:#FF6A2B;     /* bib band, the one hot accent. Text on it is ink, never white */
  --sun:#FFC93C;        /* Register button, tear tabs, highlights on sea */
  --sun-deep:#C98F00;   /* the hard edge under a sun button */
  --aqua:#6FE0D6;       /* events section ground, alternate tag */
  --foam:#E9F8F5;       /* light section ground, quiet tear tab */
  --pin:#B9C4C9;        /* safety pins */
  --perf:#9FB3B8;       /* perforation dashes on white */
  --sign:#1E66FF;       /* parking sign only */
  --line:rgba(255,255,255,.28); /* dashed rules on sea */
  /* type */
  --font-display:"Big Shoulders Display","Arial Narrow",sans-serif;
  --font-body:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  /* spacing, 4px base */
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;
  /* radius */
  --radius-sm:8px;   /* photos inside a print, tags */
  --radius-md:12px;  /* buttons, notices */
  --radius-lg:20px;  /* bibs, cards, panels */
  /* shadow */
  --shadow-bib:0 26px 50px -18px rgba(0,0,0,.55);
  --shadow-card:0 18px 34px -18px rgba(6,42,55,.55);
  --shadow-btn:0 5px 0 var(--sun-deep);
  /* motion */
  --spring:cubic-bezier(.34,1.7,.5,1);
  /* layout */
  --wrap:1160px;--gutter:20px;--bp:860px; /* --bp is documentation: media queries use the literal 860px */
}