/* =====================================================================
   TOKENS: the corporation search, plain corporate style (option A,
   chosen Oct 23, 2026). Every colour, typeface and shape lives here;
   site.css and report.css only read these names.
   White page, navy bands (#263755), one typeface (IBM Plex Sans), grey
   hairlines, framed tables with a grey head row. Red is an accent only
   (owner, Oct 26, 2026: navy #263755, red #FF0000 and white): the pure red
   as a line, a deeper red wherever it carries words, so it reads at 4.5:1.

   Theme: boot.js stamps data-theme="light" or "dark" on <html> before the
   first paint. Light and Dark only; the device setting until the switch
   is first used, then the visitor's choice is remembered.
   ===================================================================== */
:root {
  color-scheme: light;
  /* colour */
  --page: #ffffff;
  --surface: #ffffff;
  --surface-2: #f3f5f8;
  --ink: #1b2430;
  --ink-2: #4c5866;
  --rule: #d9dfe6;
  --rule-strong: #7b8694;
  --row-hover: #f7f9fb;
  --action: #263755;           /* the brand navy as a surface */
  --action-hover: #1a2640;
  --on-action: #ffffff;
  --action-text: #263755;      /* the brand navy as words (11.9:1 on white) */
  --action-soft: #e4e9f1;
  --focus: #2563c9;
  --accent: #ff0000;           /* the brand red as a line: never under words (4.0:1 on white) */
  --accent-text: #d0021b;      /* the brand red as words (5.7:1 on white) */
  --band: #263755;             /* the navy bands stay dark in both themes */
  --band-2: #34496f;
  --band-line: #7486a6;
  --on-dark: #ffffff;
  --on-dark-2: #c8d3e3;
  --ok: #1d6a3a;    --ok-soft: #e2f1e6;
  --warn: #774c00;  --warn-soft: #faefd8;  --warn-line: #c99a3c;
  --bad: #a12b25;   --bad-soft: #f9e2df;
  --muted: #4a5563; --muted-soft: #e7ebf0;
  --chosen-bg: var(--ink);
  --chosen-ink: var(--surface);
  --desk: #e6eaef;             /* behind the report's paper on screen */
  --lift: 0 1px 2px rgba(38, 55, 85, 0.08), 0 8px 24px rgba(38, 55, 85, 0.10);

  /* paper: the report is white with dark ink in both themes */
  --doc: #ffffff;
  --doc-ink: #1b2430;
  --doc-ink-2: #4c5866;
  --doc-rule: #d9dfe6;
  --doc-rule-strong: #7b8694;
  --doc-head: #f3f5f8;
  --doc-band: #263755;
  --doc-brand: #263755;
  --doc-ok: #1d6a3a;   --doc-ok-soft: #e2f1e6;
  --doc-warn: #774c00; --doc-warn-soft: #faefd8; --doc-warn-line: #c99a3c;
  --doc-bad: #a12b25;  --doc-bad-soft: #f9e2df;

  /* where the colours go */
  --glass: rgba(255, 255, 255, 0.82);   /* the see-through header (idea E) */
  --head-bg: var(--glass);
  --head-ink: var(--ink);
  --head-ink-2: var(--ink-2);
  --head-current: var(--surface-2);
  --head-line: var(--rule);
  --stats-stamp-line: var(--on-dark-2); /* the stamp with the figures' date */
  --hero-bg: var(--band);            /* the band other pages open on (pageHead): the header's navy, carried down */
  --hero-ink: var(--on-dark);
  --hero-ink-2: var(--on-dark-2);
  --hero-link: var(--on-dark);
  --hero-field-line: var(--band-line);
  --band-btn: var(--on-dark);        /* a main button on the navy band: white, with navy words */
  --band-btn-ink: var(--band);
  --band-btn-hover: var(--on-dark-2);
  --stats-bg: var(--band-2);         /* today's count, under the opening: a step lighter, so the two bands read apart */
  --stats-ink: var(--on-dark);
  --stats-ink-2: var(--on-dark-2);
  --stats-link: var(--on-dark);
  --foot-bg: var(--band);            /* the footer closes the page in navy (owner, Oct 26, 2026) */
  --foot-ink: var(--on-dark);
  --foot-ink-2: var(--on-dark-2);
  --foot-link: var(--on-dark);
  --foot-rule: var(--band-line);
  --foot-border: 0;
  --sheet-bg: transparent;
  --sheet-border: 0;
  --sheet-pad: 0;
  --sheet-pad-sm: 0;
  --sheet-shadow: none;
  --table-bg: var(--surface);
  --table-frame: var(--hair) solid var(--rule);
  --table-top: 0;
  --table-bottom: 0;
  --th-bg: var(--surface-2);
  --th-ink: var(--ink);
  --th-border: var(--hair) solid var(--rule-strong);
  --panel-bg: var(--surface);
  --panel-border: var(--hair) solid var(--rule);
  --panel-top: var(--hair) solid var(--rule);
  --panel-head-bg: var(--surface-2);
  --section-border: 0;
  --section-pad: 0;
  --name-border: var(--hair) solid var(--rule);
  --list-top: var(--hair) solid var(--rule);
  --facts-top: var(--hair) solid var(--rule);
  --fact-mark: none;
  --fact-cols: var(--label-w) minmax(0, 1fr);
  --fact-cols-sm: minmax(0, 1fr);
  --fact-dd-col-sm: auto;
  --fact-label-ink: var(--ink-2);
  --tag-pad: var(--s0) var(--s2);
  --tag-border: 0;
  --tag-mark: none;
  --tag-case: none;
  --tag-track: 0;

  /* type */
  --f-body: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;
  --f-head: var(--f-body);
  --f-name: var(--f-body);
  --f-brand: var(--f-body);
  --f-label: var(--f-body);
  --f-num: var(--f-body);
  --f-code: "IBM Plex Mono", ui-monospace, Consolas, monospace;
  --num-size: inherit;
  --w-regular: 400; --w-head: 600; --w-name: 600; --w-brand: 700; --w-label: 600; --w-strong: 600; --w-btn: 500;
  --label-case: none; --label-track: 0; --label-size: var(--t-sm); --label-stretch: normal;
  --brand-track: 0;
  --name-track: 0;
  --t-name: var(--t-2xl);
  --w-hero: 600;
  --hero-track: -0.02em;

  /* the printed report, in points */
  --rt-xs: 7.5pt; --rt-sm: 8.5pt; --rt-md: 9.5pt; --rt-lg: 11.5pt; --rt-xl: 18pt;
  --doc-w: 8.5in;
  --doc-pad: 0.7in;
  --doc-band-h: 5px;
  --doc-label-w: 11em;
  --doc-track: 0.06em;
  --doc-foot-track: 0.01em;   /* any letter spacing stops the page footer joining "fi" */

  /* shape */
  --r-md: 4px;
  --r-tag: 3px;
  --r-hero: 18px;       /* the home page's big search box (idea E) */
  --r-pill: 999px;      /* the header's links and buttons */
  --r-hero-btn: 12px;   /* its button, and the box on a phone */
  --accent-w: 3px;      /* the red line along the top of the header */
  /* The logo, in the share card's proportions (owner, Oct 28, 2026: "I liked this logo better,
     it seems more balanced"): the name on two lines, the leaf 1.76 times the name's type size
     (120 px beside 68 px type on the card). Change the name's size only. */
  --mark-ratio: 1.76;
  --brand-size: 17px;   /* "Canada Corporation" over "Registry" */
  --brand-lh: 1.05;
  --mark-size: calc(var(--brand-size) * var(--mark-ratio));
  --foot-brand-size: 24px; /* the same lockup in the footer, larger */
  --foot-mark-size: calc(var(--foot-brand-size) * var(--mark-ratio));
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --page: #0f141b;
  --surface: #151c25;
  --surface-2: #1a222d;
  --ink: #e5eaf0;
  --ink-2: #a7b2bf;
  --rule: #2b3643;
  --rule-strong: #6d7a8a;
  --row-hover: #18202a;
  --action: #a9bbdd;           /* the navy, lightened to read on a dark page */
  --action-hover: #c0cfe8;
  --on-action: #0f1726;
  --action-text: #a9bbdd;
  --action-soft: #1d2a40;
  --focus: #8fb8ee;
  --accent: #ff0000;
  --accent-text: #ff7a7a;      /* 7.3:1 on the dark page */
  --band: #18233a;
  --band-2: #2a3d60;
  --band-line: #5f7697;
  --on-dark: #ffffff;
  --on-dark-2: #b9c6d8;
  --ok: #8fd0a2;    --ok-soft: #173022;
  --warn: #e7bf6a;  --warn-soft: #34291a;  --warn-line: #8a6a2a;
  --bad: #f08a80;   --bad-soft: #3b1f1c;
  --muted: #b5bfcb; --muted-soft: #252e39;
  --desk: #0a0e13;
  --lift: 0 1px 2px rgba(0, 0, 0, 0.4), 0 8px 24px rgba(0, 0, 0, 0.45);
  --stats-bg: var(--band-2);         /* a step lighter than the opening, so the band still reads on a dark page */
  --glass: rgba(15, 20, 27, 0.82);
  --band-btn: var(--action);         /* the light navy, as everywhere in dark */
  --band-btn-ink: var(--on-action);
  --band-btn-hover: var(--action-hover);
}
