/* tokens.css: the rms face (brand.tokens), custom properties only: the shell links it first in the page head when rms leads the
 * edition. The owner's design system "kyr rms" (2026-10-29): a matte grey board, off-white cards, one sans for the interface and a mono
 * for anything literal; colour is the checker's kit, one idea per colour: blueprint ink, a pencil-grey ground, the maya accent for IDs
 * and links, a quiet cyanotype blue for "you are here", verdigris for proof, ochre for "look again", the red pen for refused. The rail is
 * a card like the work beside it, its current item filled with the selection blue. People wear no colour of their own: the eight tones
 * are the secondary ink on the sheet; on the rail they are the family's eight (the drive's face the same, People's role colours), which
 * mark a project's level in the Projects tree (core/entry.js LEVELS: the customer 6, the system 1, a component 2). Values are the
 * system's roles (web/rms/css/tokens.css tier 1 names their ramp steps); IBM Plex Sans and Plex Mono from fonts.css. Text holds 4.5:1
 * and marks 3:1 in both schemes. */

:root[data-face="rms"] {
  --k-font-ui: "IBM Plex Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
  --k-font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --k-bg: #e6e8ea;          /* board: graphite-150 */
  --k-surface: #f9fbfe;     /* sheet: graphite-25, never pure white */
  --k-surface-2: #ebedef;   /* sunk: graphite-100 */
  --k-ink: #1f2041;         /* ink: blueprint-950 */
  --k-ink-2: #585b5e;       /* ink-2: graphite-700 */
  --k-line: #d9dde0;        /* rule: graphite-200 */

  --k-accent: #00496d;      /* accent: maya-800, links and IDs */
  --k-on-accent: #ffffff;
  --k-focus: #4977ae;       /* focus: cyanotype-600 */

  --k-danger: #7c1b00;      /* refuse: redline-800 */
  --k-warn: #795200;        /* warn: highlighter-700 */
  --k-ok: #297373;          /* ok: verdigris-700 */

  --k-radius: 6px;          /* radius-sm: items, inputs */
  --k-shadow: 0 8px 24px rgb(20 22 26 / 0.14);   /* shadow-pop: what floats */
  --k-shadow-1: 0 1px 2px rgb(20 22 26 / 0.06);  /* shadow-card: a hairline lift */
  --k-shadow-2: 0 1px 2px rgb(20 22 26 / 0.06);

  --k-rail-bg: #f9fbfe;     /* the rail is a card: sheet */
  --k-rail-ink: #1f2041;
  --k-rail-active-bg: #c7dffa;  /* select: cyanotype-200 */
  --k-rail-active-ink: #1f2041; /* on-select */
  --k-rail-accent: #4977ae;     /* select-strong: the mark beside the current item */

  --k-tone-1: #585b5e;
  --k-tone-2: #585b5e;
  --k-tone-3: #585b5e;
  --k-tone-4: #585b5e;
  --k-tone-5: #585b5e;
  --k-tone-6: #585b5e;
  --k-tone-7: #585b5e;
  --k-tone-8: #585b5e;
  /* the family's eight on the rail, marks only (3:1 or better on the rail's sheet) */
  --k-rail-tone-1: #1f6fb2;
  --k-rail-tone-2: #2f8a55;
  --k-rail-tone-3: #23807f;
  --k-rail-tone-4: #7a4fb0;
  --k-rail-tone-5: #b0466f;
  --k-rail-tone-6: #c0601d;
  --k-rail-tone-7: #4f5d73;
  --k-rail-tone-8: #7d6a12;
  color-scheme: light;
}

/* The same system in dark (brand.theme "both"): charcoal grounds, never a tinted navy glow; every token of the light block set again. */
:root[data-face="rms"][data-theme="dark"] {
  --k-font-ui: "IBM Plex Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
  --k-font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --k-bg: #111315;          /* graphite-975 */
  --k-surface: #1b1d20;     /* graphite-950 */
  --k-surface-2: #232528;   /* graphite-925 */
  --k-ink: #f5f7f9;         /* graphite-50 */
  --k-ink-2: #c3c6c9;       /* graphite-300 */
  --k-line: #37393c;        /* graphite-850 */

  --k-accent: #3fb7f7;      /* maya-400 */
  --k-on-accent: #1f2041;
  --k-focus: #a0caf9;       /* cyanotype-300 */

  --k-danger: #ff815d;      /* redline-400 */
  --k-warn: #e5c264;        /* highlighter-300 */
  --k-ok: #41ead4;          /* verdigris-300 */

  --k-radius: 6px;
  --k-shadow: 0 8px 24px rgb(0 0 0 / 0.5);
  --k-shadow-1: 0 1px 2px rgb(0 0 0 / 0.4);
  --k-shadow-2: 0 1px 2px rgb(0 0 0 / 0.4);

  --k-rail-bg: #1b1d20;
  --k-rail-ink: #f5f7f9;
  --k-rail-active-bg: #34455c;  /* cyanotype-800 */
  --k-rail-active-ink: #f5f7f9;
  --k-rail-accent: #a0caf9;

  --k-tone-1: #c3c6c9;
  --k-tone-2: #c3c6c9;
  --k-tone-3: #c3c6c9;
  --k-tone-4: #c3c6c9;
  --k-tone-5: #c3c6c9;
  --k-tone-6: #c3c6c9;
  --k-tone-7: #c3c6c9;
  --k-tone-8: #c3c6c9;
  --k-rail-tone-1: #6aa9e0;
  --k-rail-tone-2: #6cc28f;
  --k-rail-tone-3: #5cc4c0;
  --k-rail-tone-4: #b195e0;
  --k-rail-tone-5: #e08aaa;
  --k-rail-tone-6: #f0a060;
  --k-rail-tone-7: #9fb0c8;
  --k-rail-tone-8: #d6b45c;
  color-scheme: dark;
}