/*
  CHELABS Unified UI v2 — the Promally 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/promally.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: #7047FF;
  --cl-brand-rgb: 112, 71, 255;

  /* The approved colour carries AA text as it is, so the interactive
     fill IS the approved colour (#ffffff on it: 5.21:1). */
  --cl-brand-fill: var(--cl-brand);
  --cl-brand-strong: #6540e7;
  --cl-brand-hover: #603ddb;

  /* Text ON the fill: white, at 5.21:1. */
  --cl-brand-on: #ffffff;

  /* The approved colour already reads as text on all three of its
     backgrounds (5.21 / 4.83 / 4.51:1), so brand text is it, unchanged. */
  --cl-brand-text: var(--cl-brand);
  --cl-brand-text-hover: #603ddb;

  /* Fixed fractions toward white, the same fractions in every shell. */
  --cl-brand-soft: #f1ecff;
  --cl-brand-soft-2: #f9f7ff;
  --cl-brand-line: #e5ddff;

  /* The auth panel. White on the deep stop: 8.01:1. */
  --cl-auth-right: radial-gradient(circle at 30% 20%, #7d58ff 0, transparent 36%), linear-gradient(145deg, #7047FF 0%, #5335be 100%);
}