/* UKTECH LAB — color tokens
   Модель: одна графит-база для всех поверхностей; hue поверхности живёт
   в приподнятых карточках, панелях и glow. Поверхность переключается
   атрибутом data-surface на любом контейнере:
   (default = компания) | analytics | bot | usr */

:root {
  /* — база (общая для всех поверхностей) — */
  --ink-hero: #0A0A0A;      /* чистый чёрный: только hero и полноэкранные моменты */
  --ink-base: #131313;      /* графит: база любой страницы */
  --ink-2: #1A1A1A;         /* приподнятая нейтральная плоскость */

  /* — fog: шкала текста на тёмном (НЕ приглушать текст ниже этих значений) — */
  --fog-100: #FFFFFF;       /* заголовки, ключевые значения */
  --fog-200: #EAEAEA;       /* основной текст */
  --fog-300: #9A9A9A;       /* вторичный текст */
  --fog-400: #6A6A6A;       /* служебные подписи, mono-метки */
  --fog-500: #3F3F3F;       /* плейсхолдеры, самое тихое */

  /* — акцент поверхности (default: компания / янтарь) — */
  --accent: #FFD60A;
  --accent-light: #FFEB70;
  --accent-dark: #FF8A00;
  --accent-contrast: #000000;      /* цвет текста НА акценте */
  --accent-hover: #FFE94A;         /* фон primary-кнопки на hover */

  /* — тонированный приподнятый слой (hue поверхности) — */
  --surface-card: #211D18;         /* карточка в тоне поверхности */
  --surface-card-2: #2B251E;       /* вторая ступень (вложенные панели) */

  /* — cream-инверсия (светлые секции) — */
  --cream: #F5F5F0;
  --cream-ink: #0A0A0A;            /* заголовки/текст на cream */
  --cream-fog: #5A5A55;            /* вторичный текст на cream */
  --cream-line: rgba(10, 10, 10, 0.10);
  --cream-line-strong: rgba(10, 10, 10, 0.18);

  /* — линии (общие) — */
  --hairline-faint: rgba(255, 255, 255, 0.05);
  --hairline: rgba(255, 255, 255, 0.08);
  --hairline-strong: rgba(255, 255, 255, 0.14);

  /* — статусы и семантика (общие) — */
  --status-success: #2EE6A6;
  --status-warning: #FF8A00;
  --status-danger: #FF3D2E;
  --status-form-error: #FF5C7C;
  --grad-emotion: linear-gradient(90deg, #2EE6A6 0%, #FFD60A 55%, #FF8A00 80%, #FF3D2E 100%); /* @kind color */

  /* — семантические алиасы — */
  --text-heading: var(--fog-100);
  --text-body: var(--fog-200);
  --text-secondary: var(--fog-300);
  --text-label: var(--fog-400);
  --surface-page: var(--ink-base);
  --surface-hero: var(--ink-hero);
  --border-card: var(--hairline);
  --border-input: var(--hairline-strong);
}

/* ═══ U-Speech Analytics — фуксия, лиловый слой ═══ */
[data-surface="analytics"] {
  --accent: #B026FF;
  --accent-light: #D580FF;
  --accent-dark: #8A0DD9;
  --accent-contrast: #FFFFFF;
  --accent-hover: #C24FFF;
  --surface-card: #1E1830;
  --surface-card-2: #28203F;
  --fog-300: #9A8FB0;
  --fog-400: #6A5F7A;
  --fog-500: #3F3548;
  --cream: #F5F0FA;
  --cream-ink: #0A0712;
  --cream-fog: #6A5F7A;
  --cream-line: rgba(10, 7, 18, 0.10);
  --cream-line-strong: rgba(10, 7, 18, 0.18);
}

/* ═══ U-Speech Bot — синий из логотипа, холодный слой ═══ */
[data-surface="bot"] {
  --accent: #529EFF;
  --accent-light: #9CB1FF;
  --accent-dark: #2B6FE0;
  --accent-contrast: #FFFFFF;
  --accent-hover: #6FAEFF;
  --surface-card: #16203A;
  --surface-card-2: #1E2A4A;
  --fog-300: #8F9CB5;
  --fog-400: #5F6E8A;
  --fog-500: #38445C;
  --cream: #F0F4FA;
  --cream-ink: #070C16;
  --cream-fog: #5F6A7A;
  --cream-line: rgba(7, 12, 22, 0.10);
  --cream-line-strong: rgba(7, 12, 22, 0.18);
}

/* ═══ U-SR — мята, зелёный слой ═══ */
[data-surface="usr"] {
  --accent: #2EE6A6;
  --accent-light: #8CF5CE;
  --accent-dark: #17B37C;
  --accent-contrast: #063323;
  --accent-hover: #4FEEB6;
  --surface-card: #16291C;
  --surface-card-2: #1E3526;
  --fog-300: #8FB09E;
  --fog-400: #5F7A6B;
  --fog-500: #37483F;
  --cream: #F0FAF5;
  --cream-ink: #071009;
  --cream-fog: #5A7A68;
  --cream-line: rgba(7, 16, 9, 0.10);
  --cream-line-strong: rgba(7, 16, 9, 0.18);
  /* success совпадает с акцентом — для статусов на этой поверхности */
  --status-success: #17B37C;
}