/* CREIDX brand (Wayne, 12 October 2026; rebrand 14 October 2026): CREIDX's own brand, "by iShack Ventures" as a
   small endorsement line. Every colour the site and the workspace use is one of these variables. Typefaces, all
   served from this folder under the SIL Open Font License (licences beside them): no call to Google Fonts.
     Inter (body; fonts/InterVariable.woff2), Schibsted Grotesk 500/600/700 (headings, the wordmark) and IBM Plex
     Mono 400/500 (eyebrows, step numbers, figures), the Latin files of the @fontsource 5.3.0 packages. */
@font-face {
  font-family: "Inter";
  src: url("/brand/fonts/InterVariable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face { font-family: "Schibsted Grotesk"; src: url("/brand/fonts/schibsted-grotesk-latin-500-normal.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Schibsted Grotesk"; src: url("/brand/fonts/schibsted-grotesk-latin-600-normal.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Schibsted Grotesk"; src: url("/brand/fonts/schibsted-grotesk-latin-700-normal.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "IBM Plex Mono"; src: url("/brand/fonts/ibm-plex-mono-latin-400-normal.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "IBM Plex Mono"; src: url("/brand/fonts/ibm-plex-mono-latin-500-normal.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }

:root {
  /* the brand colours */
  --ink: #14213D;        /* text, the "CRE" of the wordmark */
  --primary: #0F766E;    /* main action buttons, active navigation, the mark and "IDX" */
  --flag: #B45309;       /* things that need attention */
  --ok: #15803D;         /* done, fine */
  --error: #B91C1C;      /* errors, problems that stop approval */
  --muted: #4B5B66;      /* secondary text */
  --paper: #F4F7F7;      /* page background, table headings */
  --bg: var(--paper);
  --line: #DCE3E4;       /* borders and dividers */
  --border: var(--line);
  --signal: #2DD4BF;     /* the accent on navy: the logo's third bar, "IDX", the website's demo buttons */
  --ink-deep: #0B1730;   /* the website's footer; text on --signal */

  /* derived, for the workspace */
  --on-primary: #FFFFFF; /* text on the primary colour */
  --surface: #FFFFFF;    /* header, cards, tables */
  --highlight: #FEF3C7;  /* flagged rows in a schedule (a light tint of --flag) */
  --font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-display: "Schibsted Grotesk", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}