/* CRM INVESTORO — параметры стандарта 1.0, 06.11.2026.
   Только CSS-переменные. К существующим приложениям не подключены.
   На корневом элементе приложения: data-crm-theme="club" либо "dealflow".
   Правила применения: ../CRM_дизайн_система.md. */
:root,
[data-crm-theme="dealflow"] {
  --crm-bg: #F0F1EE;
  --crm-surface: #FFFFFF;
  --crm-surface-nav: #FAFBF8;
  --crm-surface-muted: #ECEEE9;
  --crm-text: #20211F;
  --crm-text-secondary: #62685E;
  --crm-text-muted: #676D61;
  --crm-border: #E4E6E0;
  --crm-border-control: #808778;
  --crm-primary: #20241F;
  --crm-primary-ink: #FFFFFF;
  --crm-primary-hover: #343C2D;
  --crm-primary-pressed: #141A10;
  --crm-nav-hover: #E4E8DD;
  --crm-dark: #222620;
  --crm-dark-ink: #F5F5ED;
  --crm-dark-secondary: #B2B9A7;
  --crm-brand-brass: #B78F5C;
  --crm-link: #8A6B40;
  --crm-focus: #8A6B40;
  --crm-group-profile-bg: #F1EBDD;
  --crm-group-profile-ink: #6F5B3C;
  --crm-group-contact-bg: #E4EDF0;
  --crm-group-contact-ink: #3E626C;
  --crm-group-metrics-bg: #E8EEDD;
  --crm-group-metrics-ink: #466136;
  --crm-group-deals-bg: #EEE7F2;
  --crm-group-deals-ink: #695275;
  --crm-group-finance-bg: #F1E5D6;
  --crm-group-finance-ink: #76572F;
  --crm-group-history-bg: #ECEEE9;
  --crm-group-history-ink: #62685E;
  --crm-success-bg: #E8EEDD;
  --crm-success-ink: #466136;
  --crm-warning-bg: #F6EEDC;
  --crm-warning-ink: #816022;
  --crm-danger-bg: #F9E8E5;
  --crm-danger-ink: #9E3E38;
  --crm-danger-solid: #9E3E38;
  --crm-info-bg: #E4EDF0;
  --crm-info-ink: #3E626C;
  --crm-unknown-bg: #ECEEE9;
  --crm-unknown-ink: #62685E;
  --crm-disabled-bg: #E4E6E0;
  --crm-disabled-ink: #62685E;
  --crm-chart-series-1: #466136;
  --crm-chart-series-2: #3E626C;
  --crm-chart-series-3: #695275;
  --crm-glow: radial-gradient(ellipse at 42% 64%, #E4B65378, transparent 40%),
    radial-gradient(ellipse at 30% 16%, #C3C88C60, transparent 48%),
    radial-gradient(ellipse at 70% 49%, #97B5BD50, transparent 60%);
  /* Тёмный слой добавлен к светлому градиенту образца ради читаемости текста. */
  --crm-featured-bg: linear-gradient(#20211F99, #20211F99),
    radial-gradient(ellipse at 0% 100%, #A77C4C, transparent 82%),
    radial-gradient(ellipse at 100% 0%, #7CACC6, transparent 86%), #B5B8A5;
  --crm-featured-ink: #F5F5ED;

}

:root {
  --crm-font-family: Montserrat, sans-serif;
  --crm-font-regular: 400;
  --crm-font-medium: 500;
  --crm-font-semibold: 600;
  --crm-type-body: 13px;
  --crm-type-dense: 12px;
  --crm-type-meta: 11px;
  --crm-type-eyebrow: 11px;
  --crm-type-button: 12px;
  --crm-type-input: 13px;
  --crm-type-card: 14px;
  --crm-type-section: 16px;
  --crm-type-title: 30px;
  --crm-type-kpi: 28px;
  --crm-type-amount: 40px;
  --crm-type-hero: 82px;
  --crm-type-hero-min: 56px;
  --crm-line-body: 1.55;
  --crm-line-meta: 1.5;
  --crm-line-title: 1.2;
  --crm-line-hero: 1.1;
  --crm-tracking-body: 0;
  --crm-tracking-eyebrow: 0.12em;
  --crm-tracking-title: -0.03em;

  --crm-space-1: 4px;
  --crm-space-2: 8px;
  --crm-space-3: 12px;
  --crm-space-4: 16px;
  --crm-space-5: 20px;
  --crm-space-6: 24px;
  --crm-space-8: 32px;
  --crm-space-10: 40px;
  --crm-space-12: 48px;
  --crm-space-16: 64px;
  --crm-content-max: 1550px;
  --crm-page-gutter: 40px;
  --crm-section-gap: 32px;
  --crm-grid-gap: 16px;
  --crm-kpi-gap: 12px;
  --crm-panel-padding: 24px;
  --crm-card-padding: 16px;
  --crm-rail-width: 86px;
  --crm-sidebar-width: 224px;
  --crm-topbar-height: 80px;
  --crm-radius-panel: 24px;
  --crm-radius-priority: 28px;
  --crm-radius-nested: 16px;
  --crm-radius-field: 12px;
  --crm-radius-small: 8px;
  --crm-radius-pill: 999px;
  --crm-radius-circle: 50%;
  --crm-border-width: 1px;
  --crm-button-height: 40px;
  --crm-button-dense-height: 32px;
  --crm-control-height: 40px;
  --crm-control-dense-height: 32px;
  --crm-control-padding-inline: 12px;
  --crm-textarea-min-height: 96px;
  --crm-select-reserve: 40px;
  --crm-select-icon-inset: 12px;
  --crm-row-height: 44px;
  --crm-row-dense-height: 36px;
  --crm-target-size: 40px;
  --crm-icon: 18px;
  --crm-icon-control: 16px;
  --crm-icon-small: 14px;
  --crm-icon-stroke: 1.5;
  --crm-avatar: 36px;
  --crm-avatar-contact: 44px;
  --crm-dialog-max-width: 640px;
  --crm-dialog-max-height: 85dvh;
  --crm-dialog-padding: 24px;
  --crm-overlay: #00000052;
  --crm-overlay-blur: 6px;
  --crm-glow-blur: 30px;
  --crm-focus-width: 2px;
  --crm-focus-offset: 3px;
  --crm-shadow-hover: 0 4px 16px #20211F0A;
  --crm-shadow-menu: 0 8px 32px #20211F14;
  --crm-shadow-dialog: 0 24px 80px #20211F29;
  --crm-motion-state: 160ms;
  --crm-motion-panel: 220ms;
  --crm-easing: cubic-bezier(.2, .7, .2, 1);
  --crm-z-nav: 10;
  --crm-z-sticky: 20;
  --crm-z-menu: 30;
  --crm-z-overlay: 40;
  --crm-z-dialog: 50;
  --crm-z-toast: 60;
}

[data-crm-theme="club"] {
  --crm-bg: #F2F1EF;
  --crm-surface: #FFFFFF;
  --crm-surface-nav: #FAF9F7;
  --crm-surface-muted: #ECEBE8;
  --crm-text: #202020;
  --crm-text-secondary: #64615B;
  --crm-text-muted: #6D6860;
  --crm-border: #E2DED7;
  --crm-border-control: #858077;
  --crm-primary: #202020;
  --crm-primary-hover: #38332D;
  --crm-primary-pressed: #15120F;
  --crm-nav-hover: #EAE4DA;
  --crm-dark: #242321;
  --crm-dark-ink: #F8F5EF;
  --crm-dark-secondary: #C9BFAF;
  --crm-group-profile-bg: #F3EEE7;
  --crm-group-profile-ink: #76572F;
  --crm-group-contact-bg: #EFECE6;
  --crm-group-contact-ink: #5D5B56;
  --crm-group-metrics-bg: #F3E8DA;
  --crm-group-metrics-ink: #76572F;
  --crm-group-deals-bg: #EAE4DA;
  --crm-group-deals-ink: #76572F;
  --crm-group-finance-bg: #EFE0CD;
  --crm-group-finance-ink: #76572F;
  --crm-group-history-bg: #ECEBE8;
  --crm-group-history-ink: #64615B;
  --crm-success-bg: #F3E8DA;
  --crm-success-ink: #76572F;
  --crm-info-bg: #ECEBE6;
  --crm-info-ink: #5D5B56;
  --crm-unknown-bg: #ECEBE8;
  --crm-unknown-ink: #64615B;
  --crm-disabled-bg: #E2DED7;
  --crm-disabled-ink: #64615B;
  --crm-chart-series-1: #8A6B40;
  --crm-chart-series-2: #202020;
  --crm-chart-series-3: #6D6860;
  --crm-glow: radial-gradient(ellipse at 42% 64%, #D6B58B78, transparent 40%),
    radial-gradient(ellipse at 30% 16%, #EEE4D660, transparent 48%),
    radial-gradient(ellipse at 70% 49%, #B7ADA050, transparent 60%);
  --crm-featured-bg: linear-gradient(#20202099, #20202099),
    radial-gradient(ellipse at 0% 100%, #B78F5C, transparent 82%),
    radial-gradient(ellipse at 100% 0%, #B7ADA0, transparent 86%), #242321;
  --crm-featured-ink: #F8F5EF;
}

@media (min-width: 601px) and (max-width: 1199px) {
  :root { --crm-page-gutter: 24px; }
}
@media (max-width: 600px) {
  :root {
    --crm-page-gutter: 16px;
    --crm-section-gap: 24px;
    --crm-panel-padding: 20px;
    --crm-topbar-height: 56px;
    --crm-type-body: 14px;
    --crm-type-dense: 13px;
    --crm-type-meta: 12px;
    --crm-type-button: 13px;
    --crm-type-input: 16px;
    --crm-type-title: 28px;
    --crm-type-amount: 32px;
    --crm-type-hero: 64px;
    --crm-type-hero-min: 48px;
    --crm-button-height: 44px;
    --crm-control-height: 44px;
    --crm-target-size: 44px;
    --crm-dialog-padding: 20px;
  }
}
@media (pointer: coarse) {
  :root { --crm-target-size: 44px; }
}
@media (prefers-reduced-motion: reduce) {
  :root {
    --crm-motion-state: 0ms;
    --crm-motion-panel: 0ms;
  }
}
/* Потребитель должен применять media-переменные на корне приложения.
   Если data-crm-theme расположен на вложенном элементе, адаптивные значения
   размеров должны наследоваться от :root, а локальные размеры не дублироваться. */