/* mfpinvest: палитра МФП Инвестиции — светло-голубая, «воздушная».
   Сознательно светлее и холоднее trading (#234E77): primary — светлый azure,
   акцент уходит в бирюзу, фоны почти белые. Тональность бренда — LIGHT.
   Набор имён совпадает с tokens/trading.css дизайн-системы MFP Group;
   подключается ПОСЛЕ base.css. */

:root {
  /* --- основа --- */
  --brand-primary: #2189C4;        /* светлый azure: кнопки, тайлы, иконки */
  --brand-primary-dark: #14628F;   /* заголовки, hover сплошных кнопок */
  --brand-accent: #1C93B8;         /* бирюзовый акцент: ссылки, кикеры */
  --brand-accent-hover: #16748F;

  /* --- текст --- */
  --brand-text: #24414F;
  --brand-text-body: #3E5A67;
  --brand-text-muted: #5E7885;
  --brand-text-soft: #8AA0AC;
  --brand-text-nav: #4C6875;
  --brand-text-label: #587581;

  /* --- фоны и границы: заметно светлее trading --- */
  --brand-bg-light: #F2FAFD;
  --brand-bg-chip: #E4F4FB;
  --brand-bg-footer: #EDF7FC;
  --brand-bg-hover: #EAF6FC;
  --brand-bg-hover-strong: #DDEFF8;
  --brand-border: #E4F0F6;
  --brand-border-light: #EDF5F9;
  --brand-border-date: #DBEBF3;
  --brand-border-dashed: #B5D9EA;
  --brand-border-table: #EAF3F8;

  /* --- hero-градиент: почти белый → бледное небо --- */
  --brand-hero-grad-1: #F7FCFE;
  --brand-hero-grad-2: #E3F4FB;
  --brand-hero-grad-3: #C6E9F6;

  /* --- текст на фирменном фоне --- */
  --brand-on-primary-muted: #A9D5EA;
  --brand-on-primary-soft: #D6EBF5;

  /* --- тайлы --- */
  --brand-tile-1: #2189C4;
  --brand-tile-2: #1C93B8;
  --brand-tile-3: #43A6D2;
  --brand-tile-4: #86C8E3;

  /* --- графика --- */
  --brand-chart-line: #2189C4;
  --brand-chart-line-alt: #A6D8EC;
  --brand-float-tint: rgba(33, 137, 196, 0.09);

  /* --- тени: мягче и прозрачнее, чем у trading --- */
  --brand-shadow-10: rgba(20, 98, 143, 0.08);
  --brand-shadow-12: rgba(20, 98, 143, 0.10);
  --brand-shadow-16: rgba(20, 98, 143, 0.13);
  --brand-shadow-30: rgba(20, 98, 143, 0.24);
  --brand-shadow-modal: rgba(12, 48, 70, 0.32);
  --brand-overlay: rgba(16, 56, 80, 0.5);
  --brand-footer-divider: rgba(20, 98, 143, 0.14);
  --brand-on-primary-divider: rgba(255, 255, 255, 0.18);

  /* --- CTA у light-бренда совпадает с primary --- */
  --brand-cta: #2189C4;
  --brand-cta-hover: #14628F;
  --brand-on-primary-card: rgba(255, 255, 255, 0.07);
  --brand-on-primary-card-border: rgba(255, 255, 255, 0.22);
}