/* Soda Horse Peak design tokens
   Read off the jar: gold label, deep red crest, near-black cap. White carries
   the page; gold is the accent and red the structural colour. */
:root{
  --shp-gold:#e8a317;
  --shp-gold-lift:#ffbe3d;
  --shp-gold-deep:#b57c08;
  --shp-gold-wash:#fff8e8;
  --shp-gold-line:#f0dcae;

  --shp-red:#c01722;
  --shp-red-deep:#8d0e18;
  --shp-red-wash:#fdf1f1;

  --shp-ink:#161210;
  --shp-ink-2:#4d4642;
  --shp-ink-3:#7c7470;

  --shp-paper:#ffffff;
  --shp-mist:#faf8f5;
  --shp-line:#e9e4dd;

  --shp-r:6px;
  --shp-r-lg:14px;
  --shp-pill:999px;

  --shp-lift:0 1px 2px rgba(22,18,16,.05), 0 10px 26px rgba(22,18,16,.07);
  --shp-lift-2:0 6px 14px rgba(22,18,16,.08), 0 26px 56px rgba(192,23,34,.13);
  --shp-ring:0 0 0 3px rgba(232,163,23,.5);

  --shp-display:'Fraunces',Georgia,serif;
  --shp-body:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;

  --shp-pad:clamp(16px,4vw,38px);
  --shp-band:clamp(50px,7vw,94px);
  --shp-safe-b:env(safe-area-inset-bottom,0px);
  --shp-safe-l:env(safe-area-inset-left,0px);
  --shp-safe-r:env(safe-area-inset-right,0px);
}