/* IME — design tokens.
   Every colour, surface and easing curve the site uses. Change a value here
   and it changes everywhere; never hard-code these again in a page. */

:root {
  --navy: #0a2f6b;
  --navy-deep: #051c42;
  --blue: #155ecb;
  --blue-soft: #3d7fe0;
  --ice: #e7f0ff;
  --line: #d3e0f4;
  --white: #ffffff;
  --ink: #0e1b33;
  --muted: #5c6c8a;
  --muted-2: #8494b3;
  --ease: cubic-bezier(.22, .9, .28, 1);
  /* Blue-tinted surface system — replaces the flat white look */
  --page: #e4eeff;        /* soft blue page background */
  --surface: #f2f7ff;     /* near-white blue-tinted card surface */
  --tint: #d3e4fd;        /* stronger blue band */
  --tint-2: #c2d8fb;      /* deepest blue band */
  /* Resting height of the sticky header (.header-inner padding + logo).
     The hero subtracts it to fill exactly one screen. */
  --header-h: 85px;
}