/*
  CHELABS Unified UI v2 — the MetricAlly theme
  Version: 2.1.0

  Generated from control-plane/core/brand_derivation.py, which holds the
  approved base colour and the factors that turn it into everything
  below. core/tests_design_system.py recomputes this file and fails if
  it has drifted, so it is checked in as evidence rather than edited.

  Link it AFTER the four system stylesheets and change nothing else:

      tokens.css, base.css, layout.css, components.css, themes/metrically.css

  Everything here overrides a token. No rule, no class, no literal
  anywhere else in the system moves.
*/

:root {
  /* IDENTITY — the approved colour, verbatim. The mark, accents,
     the active state and the active tab's underline. Never altered. */
  --cl-brand: #16BDDC;
  --cl-brand-rgb: 22, 189, 220;

  /* The approved colour carries AA text as it is, so the interactive
     fill IS the approved colour (ink on it: 7.47:1). */
  --cl-brand-fill: var(--cl-brand);
  --cl-brand-strong: #14abc7;
  --cl-brand-hover: #13a2bd;

  /* Text ON the fill: ink, at 7.47:1. */
  --cl-brand-on: var(--cl-ink);

  /* Brand-coloured TEXT has to be darkened away from the approved
     colour: #16BDDC measures only 2.25:1 on white. This value is
     the lightest that clears AA on all three backgrounds it is ever
     drawn on — white 4.94, page 4.58, brand-soft 4.52:1.
     The approved colour itself is untouched above. */
  --cl-brand-text: #0e7b90;
  --cl-brand-text-hover: #0c6a7c;

  /* Fixed fractions toward white, the same fractions in every shell. */
  --cl-brand-soft: #e7f8fb;
  --cl-brand-soft-2: #f5fcfe;
  --cl-brand-line: #d4f3f9;

  /* The auth panel. White on the deep stop: 3.91:1.
     WARNING, MEASURED AND LEFT VISIBLE: white on this shell's deep
     stop is only 3.91:1, below AA. This panel is the one
     place in the system where the brand becomes a large filled
     surface carrying text, and this shell's hue is too light for
     white there. It is recorded rather than silently fixed because
     fixing it means either a darker gradient or dark panel text,
     and that is a decision for whoever adopts this theme, on the
     screen in front of them. ADR-037 says so too. */
  --cl-auth-right: radial-gradient(circle at 30% 20%, #2cc3df 0, transparent 36%), linear-gradient(145deg, #16BDDC 0%, #108da4 100%);
}