/* =========================================================
   ARQUBIQ design tokens — single source of truth
   =========================================================

   Colour and type for every page. The values are the ones the homepage
   has always used; the other stylesheets had each grown their own copy and
   drifted, so comparison pages rendered a different green, and legal and
   module-lab pages a different black.

   Page stylesheets must not redefine these. If a stylesheet uses a
   different name for the same thing, alias it here rather than giving it a
   value of its own.
   ========================================================= */

:root {
  /* brand */
  --red: #CE3927;
  --green: #04322C;
  --green-deep: #004A42;
  --off-white: #F6F6F6;
  --blue: #2770CF;
  --lime: #AECF27;
  --yellow: #F2D13D;

  /* neutrals */
  --ink: #000000;
  --slate: #37414F;
  --grey: #535353;
  --grey-mid: #707070;
  --grey-light: #9CA3AF;

  /* hairlines, derived from --ink so they stay in step with it */
  --line: rgba(0, 0, 0, .18);

  /* type */
  --font-display: "Montserrat", system-ui, sans-serif;
  --font-body: "IBM Plex Sans", system-ui, sans-serif;
  --font-num: "Montserrat", system-ui, sans-serif;
  --font-ar-display: "Alexandria", system-ui, sans-serif;
  --font-ar-body: "IBM Plex Sans Arabic", system-ui, sans-serif;

  /* type scale */
  --type-h1: 54px;
  --type-h2: 42px;
  --type-h3: 34px;
  --type-h4: 28px;
  --type-h5: 22px;
  --type-h6: 18px;
  --type-body: 14px;
  --type-small: 12px;

  /* ---- aliases -------------------------------------------------------
     Other stylesheets reached for these names. They now resolve to the
     same values rather than to near-misses of their own. */
  --paper: var(--off-white);   /* guides, planner, scorecard, service, legal */
  --off: var(--off-white);     /* compare */
  --accent: var(--red);        /* module-lab */
  --muted: var(--grey);        /* legal, planner, scorecard, service */
  --display: var(--font-display);
  --body: var(--font-body);
}