/* mfp-design: algo.css — акцентная палитра МФП Алгоритмика.
   Только цвета, те же семантические имена, что в trading.css / tech.css.
   Подключается ПОСЛЕ styles.css дизайн-системы.
   Тональность бренда: LIGHT (как trading): светлые секции, бордовый — точечно. */

:root,
[data-brand="algo"] {
  /* --- основа --- */
  --brand-primary: #7A1E2C;        /* бордовый: кнопки, плашки, знак */
  --brand-primary-dark: #5E1622;   /* заголовки, hover сплошных кнопок */
  --brand-accent: #B3262E;         /* ссылки, бейджи, кикеры, обводки иконок */
  --brand-accent-hover: #8B1C23;   /* hover ссылок */

  /* --- текст --- */
  --brand-text: #3B2A2E;
  --brand-text-body: #543C42;
  --brand-text-muted: #7A5F63;
  --brand-text-soft: #9B8085;
  --brand-text-nav: #63484D;
  --brand-text-label: #6E5156;

  /* --- фоны и границы --- */
  --brand-bg-light: #FBF3F4;
  --brand-bg-chip: #F9ECED;
  --brand-bg-footer: #F3DFE1;
  --brand-bg-hover: #F7E8E9;
  --brand-bg-hover-strong: #F2DCDE;
  --brand-border: #EFDFE1;
  --brand-border-light: #F1E4E5;
  --brand-border-date: #E8D2D4;
  --brand-border-dashed: #D9B6BA;
  --brand-border-table: #F3E7E8;

  /* --- hero-градиент плашки --- */
  --brand-hero-grad-1: #F7E7E8;
  --brand-hero-grad-2: #EFD2D4;
  --brand-hero-grad-3: #E3B8BB;

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

  /* --- тайлы и баннеры --- */
  --brand-tile-1: #7A1E2C;
  --brand-tile-2: #B3262E;
  --brand-tile-3: #C4444A;
  --brand-tile-4: #D0696E;

  /* --- графика --- */
  --brand-chart-line: #7A1E2C;
  --brand-chart-line-alt: #CE989D;
  --brand-float-tint: rgba(122, 30, 44, 0.10);

  /* --- тени и оверлеи --- */
  --brand-shadow-10: rgba(122, 30, 44, 0.10);
  --brand-shadow-12: rgba(122, 30, 44, 0.12);
  --brand-shadow-16: rgba(122, 30, 44, 0.16);
  --brand-shadow-30: rgba(122, 30, 44, 0.30);
  --brand-shadow-modal: rgba(44, 12, 18, 0.35);
  --brand-overlay: rgba(48, 14, 20, 0.55);
  --brand-footer-divider: rgba(94, 22, 34, 0.15);
  --brand-on-primary-divider: rgba(255, 255, 255, 0.18);

  /* --- тональность: algo = LIGHT, CTA совпадает с primary --- */
  --brand-cta: #7A1E2C;
  --brand-cta-hover: #5E1622;
  --brand-on-primary-card: rgba(255, 255, 255, 0.07);
  --brand-on-primary-card-border: rgba(255, 255, 255, 0.22);
}