/* SEEK2LRN: design tokens for every pre-login page (landing, content pages,
 * Find an Educator, Become an Educator).
 *
 * One place for the values the page sheets used to hard-code. Names follow the
 * legacy design system (design-system/DESIGN_SYSTEM.md): `primary`, `ink`,
 * `line`, … with an `--s2l-` prefix so nothing collides with EduBlink or
 * Elementor variables. Change a value here and every page follows.
 *
 * The block marked "off-system" holds values the pages use today that are NOT
 * in DESIGN_SYSTEM.md. They are tokens so they are at least named and counted;
 * converging them is a design call, listed in
 * SPEC/2026-09/2026-09-18/PRELOGIN_DESIGN_AUDIT_2026-09-18.pdf. */
:root {
  /* colour: DESIGN_SYSTEM.md */
  --s2l-primary: #1558D6;
  --s2l-primary-dark: #0E3FA3;
  --s2l-primary-mid: #2F6FE0;
  --s2l-primary-light: #8FB2F0;
  --s2l-primary-tint: #DBE7FB;
  --s2l-primary-soft: #EAF1FD;
  --s2l-primary-fade: #F4F8FE;
  --s2l-ink: #16203A;
  --s2l-ink-2: #374151;
  --s2l-muted: #475569;
  --s2l-faint: #9CA3AF;
  --s2l-bg: #F6F8FD;
  --s2l-white: #fff;
  --s2l-line: #E3E8F3;
  --s2l-info: #7E63D8;
  --s2l-navy: #0D1B3E; /* DESIGN_SYSTEM.md `footer-bg` */

  /* colour: off-system (in use, not in DESIGN_SYSTEM.md) */
  --s2l-muted-2: #5B6478;   /* the student design system's muted */
  --s2l-muted-3: #6B7590;   /* landing captions */
  --s2l-muted-4: #5A6478;   /* landing milestone numerals */
  --s2l-line-2: #C7D4EE;    /* landing + Find: idle milestone ring, secondary outline */
  --s2l-navy-deep: #070C1C; /* landing tablet mock-up */
  --s2l-paper-cool: #F7F9FE;

  /* type */
  --s2l-font-body: 'Segoe UI', Arial, sans-serif; /* DESIGN_SYSTEM.md says Inter */
  --s2l-font-display: 'Roboto Slab', Georgia, serif;

  /* radius (the site's control radius, 3px, is off-system: DESIGN_SYSTEM.md
     buttons are 6px) */
  --s2l-radius-ctl: 3px;
  --s2l-radius-md: 10px;
}