/* A2go design tokens — §0 of the visual identity as CSS custom
 * properties, for external/partner web work and AI-generated pages.
 * Reference it —
 *   <link rel="stylesheet" href="https://a2go.ai/brand/a2go-tokens.css">
 * — or copy it into the project, then consume the variables.
 * Source of truth: https://a2go.ai/visual-identity (§0, "Tokens at a
 * glance"); on any conflict that page wins. Pair with
 * a2go-fonts.css (same directory) for the IBM Plex faces. */

:root {
  /* Type — one super-family, three voices */
  --a2go-font-display: "IBM Plex Serif", Georgia, "Times New Roman", serif; /* headlines · 500–600 */
  --a2go-font-body:    "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif; /* running text · 400–600 */
  --a2go-font-mono:    "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace; /* eyebrows, data, labels · uppercase, .06–.14em tracking */

  /* Type scale (1.25 modular, 17px base) */
  --a2go-step--2: 13px;
  --a2go-step--1: 15px;
  --a2go-step-0:  17px;
  --a2go-step-1:  19px;
  --a2go-step-2:  22px;
  --a2go-step-3:  28px;
  --a2go-step-4:  36px;
  --a2go-step-5:  46px;
  --a2go-step-6:  58px;
  --a2go-step-7:  76px;

  /* Spacing (named, non-linear after step 4) */
  --a2go-space-1:  4px;
  --a2go-space-2:  8px;
  --a2go-space-3:  12px;
  --a2go-space-4:  16px;
  --a2go-space-5:  24px;
  --a2go-space-6:  32px;
  --a2go-space-7:  48px;
  --a2go-space-8:  64px;
  --a2go-space-9:  96px;
  --a2go-space-10: 128px;
  --a2go-space-11: 192px;

  /* Light surfaces + neutrals */
  --a2go-paper:  #FFFFFF; /* page background */
  --a2go-paper2: #F5F5F7; /* subtle bands, raised cards on light */
  --a2go-ink:    #1D1D1F; /* primary text */
  --a2go-ink2:   #3A3A3C; /* secondary text */
  --a2go-muted:  #6E6E73; /* tertiary text, metadata, eyebrows */
  --a2go-rule:   #D2D2D7; /* dividers, borders */

  /* Signal — THE one teal accent (one focal use per view) */
  --a2go-signal:       #00707A; /* links, CTAs, focal data point — AA on white */
  --a2go-signal-ink:   #FFFFFF; /* text on a Signal fill */
  --a2go-signal-hover: #005860; /* hover / pressed */
  --a2go-signal-bg:    #E0F0F1; /* accent tint background */
  --a2go-signal-text:  #06545B; /* accent text on tint or paper (AAA on white) */

  /* Dark instrument surfaces */
  --a2go-navy:     #06243F; /* hero, footer, instrument panels */
  --a2go-navy2:    #0A2F4F; /* raised within dark */
  --a2go-dk-grid:  #15579E; /* gridlines, hairlines within dark */
  --a2go-dk-on:    #FFFFFF; /* primary text on navy */
  --a2go-dk-on2:   #BCD4E6; /* secondary text on navy */
  --a2go-dk-on3:   #8A99A8; /* tertiary text on navy */
  --a2go-abyss:    #041627; /* marketing console ground ONLY — product dark stays navy */
  --a2go-phosphor: #7CE2CF; /* lit numerals + the DECIDED stamp on abyss ONLY — never body text, never on light, never status */

  /* Decision loop + status (status is never color-alone — word it) */
  --a2go-sense:       #1F77C4; /* signals in — the Sense step */
  --a2go-decide:      #0A4A92; /* reasoning — the Decide step */
  --a2go-target:      #2CB6C0; /* healthy / in-target; also bright strokes on dark */
  --a2go-watch:       #E8A13A; /* at-risk ONLY, scarce — dark surfaces */
  --a2go-watch-text:  #A66A00; /* watch text/markers on light surfaces */
  --a2go-breach:      #E5484D; /* critical ONLY, scarce — dark surfaces */
  --a2go-breach-text: #C62F35; /* breach text/markers on light surfaces */
}