/* Simple Connect brand tokens: the ONE source for the website and the later one-pager.
   Wordmark: "Simple Connect" set in IBM Plex Sans, "Simple" 600 + "Connect" 400, no icon/emblem.
   Type pair: Source Serif 4 (headlines, figures) + IBM Plex Sans (text, UI). Both SIL OFL 1.1, self-hosted.
   Palette: warm paper, slate ink, one deep-green accent. Nothing else. */

@font-face { font-family: "Plex Sans"; font-weight: 400; font-style: normal; font-display: swap;
  src: url("fonts/ibm-plex-sans-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Plex Sans"; font-weight: 500; font-style: normal; font-display: swap;
  src: url("fonts/ibm-plex-sans-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Plex Sans"; font-weight: 600; font-style: normal; font-display: swap;
  src: url("fonts/ibm-plex-sans-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Source Serif"; font-weight: 500; font-style: normal; font-display: swap;
  src: url("fonts/source-serif-4-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Source Serif"; font-weight: 600; font-style: normal; font-display: swap;
  src: url("fonts/source-serif-4-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Source Serif"; font-weight: 400; font-style: italic; font-display: swap;
  src: url("fonts/source-serif-4-latin-400-italic.woff2") format("woff2"); }

:root {
  /* colour */
  --sc-ink: #17212b;        /* text, wordmark, dark band */
  --sc-ink-2: #3c4853;      /* secondary text */
  --sc-muted: #6a747d;      /* captions, footnotes */
  --sc-paper: #f6f4ef;      /* page background */
  --sc-surface: #ffffff;    /* raised areas */
  --sc-line: #dcd6ca;       /* hairlines */
  --sc-accent: #1e5b4b;     /* the one accent: links, CTA, figures */
  --sc-accent-ink: #ffffff; /* text on accent */
  --sc-accent-soft: #e4ece7;/* quiet accent background */
  --sc-mark: #fff1a8;       /* open [placeholder] highlight, preview only */

  /* type */
  --sc-font-serif: "Source Serif", "Source Serif 4", Georgia, "Times New Roman", serif;
  --sc-font-sans: "Plex Sans", "IBM Plex Sans", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --sc-size-body: 17px;
  --sc-size-small: 14px;
  --sc-size-label: 12px;     /* uppercase section labels, tracking .12em */
  --sc-size-h1: clamp(34px, 5vw, 56px);
  --sc-size-h2: clamp(26px, 3.2vw, 36px);
  --sc-size-figure: clamp(40px, 5vw, 60px);

  /* shape */
  --sc-radius: 2px;          /* near-square: no pills, no soft cards */
  --sc-wrap: 1120px;
}