/* Strathmark design tokens, v4. The single source for colour, type, space and layout.
   Rules behind every value: Project ISI/Business Image/BRAND.md. Change a value here, never in a component. */
@font-face{font-family:"Archivo";src:url("fonts/archivo-var.woff") format("woff");font-weight:400 700;font-stretch:100% 125%;font-display:swap}

:root{
  /* colour: black ground, one brand colour, white type, no accent */
  --sm-black:#0B0D0C;        /* the ground */
  --sm-black-2:#121614;      /* footer, raised surfaces */
  --sm-green:#174D33;        /* Strath green: large planes only, never text */
  --sm-white:#FFFFFF;        /* headings, references, logo */
  --sm-text:#CDD2CF;         /* body text on black, 12.7:1 */
  --sm-grey:#8F9893;         /* small print on black, 6.6:1 */
  --sm-mint:#B3CDBE;         /* secondary text on green, 5.8:1 */
  --sm-line:rgba(255,255,255,.10);
  --sm-green-line:rgba(255,255,255,.14);
  --sm-green-edge:rgba(255,255,255,.12);
  /* paper: emails, documents, print */
  --sm-paper:#FFFFFF; --sm-ink:#111613; --sm-paper-grey:#5F6A64; --sm-paper-line:#E1E5E2; --sm-paper-alt:#F4F6F5;

  /* type: one family, two widths */
  --sm-font:"Archivo","Helvetica Neue",Arial,sans-serif;
  --sm-wide:112%;            /* logo and headings */
  --sm-h1:clamp(40px,5vw,68px);
  --sm-h2:clamp(24px,2.6vw,32px);
  --sm-h3:22px;
  --sm-body:17px;
  --sm-lead:clamp(17px,1.4vw,19px);
  --sm-small:14px;

  /* space: a 4-px scale */
  --sm-1:4px; --sm-2:8px; --sm-3:12px; --sm-4:16px; --sm-5:24px; --sm-6:32px; --sm-7:48px; --sm-8:64px; --sm-9:96px;

  /* v4: display type and the photo hero */
  --sm-xwide:125%;           /* hero headlines only */
  --sm-hero:clamp(42px,4.9vw,78px);
  --sm-scrim:rgba(11,13,12,.86);
  --sm-shade:0 48px 90px -30px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.08);  /* the sample email only: a product shot, not a card */

  /* layout */
  --sm-max:1240px;
  --sm-gutter:max(24px,env(safe-area-inset-left,0px));
  --sm-gutter-r:max(24px,env(safe-area-inset-right,0px));
  color-scheme:dark;
}