/* §04 Colour. Every value sampled from or derived from the logo artwork.
   There is no magenta, no violet, no teal in this system. */
:root{
  /* base ramp */
  --gt-ink:#0A1B4D;      /* Deep Ink  : the default "black", never #000 */
  --gt-blue:#0050B8;     /* Genetic Blue: the anchor */
  --gt-signal:#1E6BF0;   /* Signal Blue: hover, active series */
  --gt-helix:#A8B8F8;    /* Helix Light: dark-surface text only */
  --gt-mist:#EEF2FB;     /* Mist: banding, zebra, card fills */
  --gt-paper:#FBFCFE;    /* Paper: default page background */
  --gt-slate:#55627D;    /* Slate: secondary text */
  --gt-steel:#8792A8;    /* Steel: tertiary text, disabled */
  --gt-line:#DDE3EE;     /* Line-grey: 1px borders */
  --gt-white:#FFFFFF;
  --gt-marker:#D62822;   /* RESTRICTED: the detected mutation only (§05) */

  /* the only permitted gradient outside the logo (§07) */
  --gt-grad:linear-gradient(104deg,#0A1B4D 0%,#0050B8 55%,#1E6BF0 100%); /* @kind color */
  --gt-grad-tonal:linear-gradient(180deg,#FBFCFE 0%,#EEF2FB 100%); /* @kind color */
  /* the icon ramp: the gradient baked into assets/icons, for product schematics
     that need to sit in the same family as the glyphs (§08a) */
  --gt-grad-icon:linear-gradient(135deg,#1E6BF0 0%,#4E86F5 55%,#A8B8F8 100%); /* @kind color */

  /* semantic: text */
  --text-strong:var(--gt-ink);
  --text-body:var(--gt-ink);
  --text-secondary:var(--gt-slate);
  --text-tertiary:var(--gt-steel);
  --text-link:var(--gt-blue);
  --text-link-hover:var(--gt-signal);
  --text-on-dark:var(--gt-white);
  --text-on-dark-secondary:var(--gt-helix);
  --text-detection:var(--gt-marker);

  /* semantic: surface */
  --surface-page:var(--gt-paper);
  --surface-card:var(--gt-white);
  --surface-band:var(--gt-mist);
  --surface-dark:var(--gt-ink);
  --surface-accent:var(--gt-blue);
  --surface-hero:var(--gt-grad); /* @kind color */

  /* semantic: border */
  --border-hairline:var(--gt-line);
  --border-strong:var(--gt-blue);
  --border-on-dark:rgba(168,184,248,.28);

  /* semantic: interactive */
  --action-primary:var(--gt-blue);
  --action-primary-hover:var(--gt-signal);
  --action-primary-text:var(--gt-white);
  --action-secondary-border:var(--gt-blue);
  --action-disabled:var(--gt-steel);
  --focus-ring:var(--gt-signal);

  /* semantic: status. Marker Red is NOT a status colour (§05). */
  --status-note:var(--gt-blue);
  --status-caution:#B26B00;
  --status-caution-surface:#FDF6EA;
  --status-error:var(--gt-slate);

  /* data visualisation (§08b) */
  --chart-series-1:var(--gt-blue);
  --chart-series-2:var(--gt-signal);
  --chart-inactive:var(--gt-helix);
  --chart-grid:var(--gt-line);
  --chart-axis:var(--gt-ink);
  --chart-threshold:var(--gt-marker);
}