/* shoostro — color system (Brandbook 2025, p.04) */
:root {
  /* Base palette */
  --graphite-black: #090B11; /* Глубокий чёрный. Основной фон */
  --deep-charcoal:  #1A1D22; /* Поверхности, карточки, панели */
  --steel-graphite: #2A2E35; /* Разделители, вторичные элементы */
  --signal-orange:  #FF8A00; /* Фирменный акцент. Ключевые действия */
  --warm-amber:     #FFB347; /* Тёплый акцент. Градиенты, свечения */
  --ice-silver:     #D6DBE2; /* Светлый акцент. Текст, иконки, границы */
  --steel-blue:     #9CB7C7; /* Холодный поддерживающий тон. Графики */
  --signal-green:   #34D17A; /* Вторичный акцент. Данные, аналитика, «после внедрения», успех */
  --signal-green-bright: #4ADE80; /* Яркий зелёный для контрастных «после»-состояний */
  --signal-red:     #F0473E; /* Ошибки, отклонено, «до внедрения» (проблема) */
  --signal-blue:    #4D9FEC; /* Информация, статус «новый» */

  /* Semantic — surfaces */
  --bg-base:        var(--graphite-black);
  --surface-card:   var(--deep-charcoal);
  --surface-raised: var(--steel-graphite);
  --surface-accent: var(--signal-orange);

  /* Semantic — text */
  --text-primary:   #FFFFFF;
  --text-secondary: var(--ice-silver);
  --text-muted:     rgba(214, 219, 226, 0.62);
  --text-on-accent: var(--graphite-black);
  --text-accent:    var(--signal-orange);

  /* Semantic — lines */
  --border-subtle:  rgba(214, 219, 226, 0.12);
  --border-strong:  rgba(214, 219, 226, 0.24);
  --border-accent:  rgba(255, 138, 0, 0.55);

  /* Semantic — status (бейджи, alert, toast, состояния) */
  --status-success:        #34D17A;
  --status-success-bg:     rgba(52, 209, 122, 0.10);
  --status-success-border: rgba(52, 209, 122, 0.34);
  --status-error:          #F0473E;
  --status-error-bg:       rgba(240, 71, 62, 0.10);
  --status-error-border:   rgba(240, 71, 62, 0.34);
  --status-warning:        #FFB347;
  --status-warning-bg:     rgba(255, 179, 71, 0.10);
  --status-warning-border: rgba(255, 179, 71, 0.32);
  --status-info:           #4D9FEC;
  --status-info-bg:        rgba(77, 159, 236, 0.10);
  --status-info-border:    rgba(77, 159, 236, 0.32);
  --status-accent:         #FF8A00; /* «в работе» / активный процесс */
  --status-accent-bg:      rgba(255, 138, 0, 0.10);
  --status-accent-border:  rgba(255, 138, 0, 0.34);
  --status-neutral:        #9CB7C7;
  --status-neutral-bg:     rgba(156, 183, 199, 0.10);
  --status-neutral-border: rgba(156, 183, 199, 0.28);

  /* Gradients */
  --gradient-accent: linear-gradient(90deg, #FF8A00 0%, #FFB347 100%); /* @kind color */
  --gradient-tech:   linear-gradient(90deg, #FF8A00 0%, #FFB347 52%, #9CB7C7 100%); /* @kind color */
  --gradient-data:   linear-gradient(90deg, #34D17A 0%, #4ADE80 100%); /* @kind color */ /* данные/успех */

  /* Glow (imagery/accents only — never on the logo) */
  --glow-accent:      0 0 24px rgba(255, 138, 0, 0.35);
  --glow-accent-soft: 0 0 48px rgba(255, 138, 0, 0.18);
  --glow-green:       0 0 24px rgba(52, 209, 122, 0.32);
}