/* Hills Run Club v6 tokens. Generated from the design system's tokens.json; edit there, not here. */
:root{
  --orange:#FC4B1F;
  --orange-press:#E23C12;
  --orange-tint:#FFEDE7;
  --orange-lift:#FF9A5C;
  --orange-on-ink:#FF7A4D;
  --ink:#0B0B0C;
  --ink-hover:#141416;
  --paper:#FFFFFF;
  --paper-hover:#FAFAFA;
  --grey:#5A5A62;
  --grey-on-ink:#9A9A9E;
  --grey-mark:#8E8E96;
  --line:#E7E7E7;
  --line-ink:#252527;
  --orange-aa:#CC3300;
  --orange-type-aa:#BD3A0E;
  --surface:var(--paper);
  --surface-hover:var(--paper-hover);
  --on-surface:var(--ink);
  --on-surface-2:var(--grey);
  --rule:var(--line);
  --accent:var(--orange);
  --accent-tint:var(--orange-tint);
  --ink-panel:#141416;
  --ink-rail:#1B1B1D;
  --overlay:rgba(231, 231, 231, 0.9);
  --success:#1E8E4F;
  --error:#C8321B;
  --error-on-ink:#EF5F5B;  /* destructive type, glyphs and lines on ink: 6.1:1 on --ink, 5.8:1 on --ink-panel; one step cooler than --orange-on-ink so it never reads as a link */
  --error-tint:#FDECE9;    /* what a destructive ghost fills with on paper; --error on it reads 4.6:1 */
  --space-1:8px;
  --space-2:12px;
  --space-3:16px;
  --space-4:20px;
  --space-5:24px;
  --space-6:28px;
  --space-7:34px;
  --space-8:40px;
  --space-9:56px;
  --space-10:72px;
  --space-11:100px;
  --radius-action:6px;
  --radius-chip:4px;
  --radius-card:16px;
  --radius-inner:15px;
  --radius-dot:999px;
  --container:1296px;
  --columns:12;
  --gutter:24px;
  --margin:72px;
  --bleed:16px;
  --hero-height:700px;
  --row-height:95px;
  --reel-height:520px;
  --rim:1px;
  --dur-action:300ms;
  --dur-glyph:600ms;
  --dur-card:800ms;
  --dur-bloom-in:250ms;
  --dur-bloom-follow:1000ms;
  --dur-panel:340ms;
  --dur-panel-item:260ms;
  --dur-panel-stagger:320ms;
  --dur-leave:160ms;
  --ease-action:cubic-bezier(.25, 1, .5, 1);
  --ease-glyph:cubic-bezier(.16, 1, .3, 1);
  --ease-card:cubic-bezier(.165, .84, .44, 1);
  --ease-nav:cubic-bezier(.22, .72, .2, 1);
  --bp-nav:1280px;
  --bp-wide:1180px;
  --bp-mid:860px;
  --bp-narrow:720px;
  --bp-phone:480px;
  --z-scrim:40;
  --z-nav:50;
  --z-topbar:60;
  --z-dialog:100;
  --z-toast:110;
  --font-sans:"Neue Haas Display", Inter, Helvetica, Arial, sans-serif;
  --font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}