/* SettleCanada.ca design tokens — from approved homepage v4.
   Single light theme by design: white/off-white ground, navy type. */
:root {
  /* Colour */
  --ground: #FAFAF8;      /* page */
  --white: #FFFFFF;       /* raised bands, inputs */
  --ink: #15233B;         /* headings, body */
  --ink-2: #4C5669;       /* secondary text */
  --ink-3: #616978;       /* meta, captions (AA on ground and white) */
  --line: #E4E3DE;        /* hairlines */
  --line-2: #CFD2D9;      /* input borders */
  --red: #C5362C;         /* eyebrows, logo, one pin — sparingly */
  --blue: #1F4FB8;        /* CTAs, links */
  --blue-2: #183F95;      /* hover */
  --wash: #EEF3FB;        /* soft blue panels */
  --wash-2: #E3EBF7;
  --ill-line: #5C7BBE;    /* illustration line */
  --ill-soft: #C8D6EE;
  --check: #2F5FC4;       /* ticks, progress */
  --good: #1E7A4C;  --good-wash: #E9F5EF;
  --warn: #8A5A00;  --warn-wash: #FBF4E4;

  /* Type */
  --f: "Hanken Grotesk", "Helvetica Neue", Arial, sans-serif;
  --fs-xs: 12px; --fs-sm: 14px; --fs-md: 15px; --fs-base: 17px; --fs-lg: 19px;
  --fs-h3: 22px; --fs-h2: clamp(28px, 3.2vw, 40px); --fs-h1: clamp(38px, 4.9vw, 60px);

  /* Shape & depth */
  --r-sm: 4px; --r-md: 6px; --r-lg: 8px; --r-xl: 10px; --r-pill: 999px;
  --shadow-float: 0 18px 44px rgba(21, 35, 59, .14), 0 0 0 1px rgba(21, 35, 59, .04);
  --shadow-soft: 0 1px 2px rgba(21, 35, 59, .05), 0 8px 24px rgba(21, 35, 59, .07);

  /* Layout */
  --wrap: 1180px;
  --gutter: clamp(20px, 4vw, 48px);
  --pad-section: clamp(52px, 7vw, 84px);

  color-scheme: light;
}