/* =====================================================
   MRAI THEME COLORS: the ONLY place to change the brand blue.
   Use var(--brand) etc. everywhere. Never hardcode blue hex.
   ===================================================== */
:root {
  /* Main brand navy (from logo) */
  --brand: #26377f;
  --brand-light: #2f439d;
  --brand-lighter: #3b50b0;
  --brand-dark: #202d6a;
  --brand-darker: #1b275a;
  --brand-deep: #17224f;
  --brand-darkest: #131b3f;

  /* Soft accents (used on dark backgrounds) */
  --brand-soft: #99a7e6;
  --brand-soft-text: #c9d2f5;

  /* Light tints (backgrounds, borders) */
  --brand-tint-1: #eceef9;
  --brand-tint-2: #f3f4fb;
  --brand-tint-3: #d6dbf0;
  --brand-tint-4: #cdd3ee;
  --brand-tint-5: #dfe3f5;

  /* RGB triplets for shadows/overlays: rgba(var(--brand-rgb), 0.2) */
  --brand-rgb: 38, 55, 127;
  --brand-deep-rgb: 23, 34, 79;
  --brand-darkest-rgb: 19, 27, 63;
  --brand-soft-rgb: 153, 167, 230;
}