/* ============================================================
   Brand hue layer — Modurel (the default brand).

   Only the tokens whose value is a LITERAL derived from the brand hue live
   here. Everything that merely references them (`--accent`, `--text-link`,
   `--border-focus`, …) stays in core.css and re-resolves automatically.

   Adding a product brand = copy this file, change these values, scope the
   block to `[data-brand="<key>"]`, and register the key in
   Branding:Clients. Nothing else.

   NOTE: this ramp is the former Modurel corporate pair (#0066CC → #33CCFF),
   carried over unchanged so the rename is not also a visual redesign. If
   Modurel gets its own palette, this file is the only place it changes.
   ============================================================ */

:root {
  /* Brand blue scale */
  --brand-50:#E6F2FF; --brand-100:#CCE4FF; --brand-200:#99C9FA; --brand-300:#66B8F5;
  --brand-400:#1A85E0; --brand-500:#0066CC; --brand-600:#0057AE; --brand-700:#00478F;
  --brand-800:#003A75; --brand-900:#002E5C;

  /* Second gradient stop, also used as the legacy --bn-secondary in site.css */
  --brand-glow:#33CCFF;

  /* Literal rgba derived from the ramp — cannot be expressed as var() */
  --accent-soft-bg:rgba(0,102,204,0.16);
  --ring:rgba(26,133,224,0.45);
  --info-soft:rgba(26,133,224,0.15);

  --grad-brand:linear-gradient(135deg,#0066CC 0%,#33CCFF 100%);
}