/*
 * brand.css — THE single place to change Ratenova's brand colours.
 *
 * Loaded first on every page family (base.html, control_base.html, the
 * control auth pages, login, and marketing). Everything brand-coloured in
 * the other stylesheets and inline <style> blocks references these tokens —
 * directly (var(--brand-600)) or via derived tokens in theme.css
 * (--th-brand, hero glows via color-mix). To rebrand the site, edit the
 * values below and nothing else.
 *
 * Scale runs light → dark (Tailwind-style weights).
 */
:root {
  --brand-300: #c4b5fd;
  --brand-400: #a78bfa;
  --brand-500: #8b5cf6;
  --brand-600: #7c3aed;
  --brand-700: #6d28d9;

  /* Gradient partner used in avatar / logo marks. */
  --brand-accent: #d946ef;

  /* Text colour used on top of solid brand backgrounds. */
  --brand-contrast: #ffffff;

  /* Brand-tinted dark chrome surfaces: the sidebar rail gradient, the
     sign-in / marketing canvases, the dark hero panels and the dark
     Intelligence Hub background. Hand-tuned tints of the brand hue —
     re-tune these when changing the scale above. */
  --brand-ink-0: #05060f;   /* deepest canvas (login, marketing, IH dark) */
  --brand-ink-1: #0a0b1c;   /* canvas gradient partner */
  --brand-rail-0: #140b26;  /* sidebar rail gradient bottom / dark hero base */
  --brand-rail-1: #1c1038;  /* sidebar rail gradient top / dark hero mid */
  --brand-rail-2: #2a1852;  /* dark hero highlight */
}