/*
 * themes.css — Система тем для nova
 * Подключать ПОСЛЕ style.css
 * Активация: document.documentElement.className = 'theme-light'
 */


/* ══════════════════════════════════════════════════════════════
   ☀️  LIGHT — Светлая тема
   ══════════════════════════════════════════════════════════════ */
.theme-light {
  /* Базовые токены — Светлая палитра M3 */
  --color-bg:                   #FDF7FF; /* Чуть чище фон */
  --color-surface:              #FEF7FF;
  --color-surface-container:    #F7F2FA;
  --color-surface-high:         #EBE4EF;
  --color-surface-highest:      #E6DFE9; /* Добавлена высокая поверхность для плашек */


  --color-surface-island:       #EBE4EF;
  --color-surface-input:        #F3EDF7;
  --color-surface-card:         #F3EDF7;
  --color-surface-overlay:      #E8E3EF;
  --color-surface-toast:        #1D1B20;

  --color-primary:              #6750A4;
  --color-primary-dim:          #21005D; /* ОЧЕНЬ ТЕМНЫЙ ФИОЛЕТОВЫЙ (On Primary Container) */
  --color-primary-container:    #EADDFF;
  --color-primary-on:           #FFFFFF;

  --color-secondary:            #625B71;
  --color-secondary-container:  #E8DEF8;
  --color-secondary-on:         #1D192B; /* ТЕМНЫЙ (On Secondary Container) */

  --color-tertiary:             #7D5260;
  --color-tertiary-on:          #FFFFFF;

  --color-text:                 #1C1B1F;
  --color-text-muted:           #49454F; /* Более темный серый для читаемости */
  --color-text-bright:          #000000;
  --color-text-disabled:        #938F99;
  --color-text-hint:            #49454F;

  --color-outline:              #79747E;
  --color-outline-variant:      #CAC4D0;
  --color-divider:              rgba(0, 0, 0, 0.12); /* Чуть заметнее */
  --color-divider-strong:       rgba(0, 0, 0, 0.2);

  --color-success:              #146B34;
  --color-success-dim:          #0F5228;
  --color-success-bg:           rgba(20, 107, 52, 0.1);
  --color-success-border:       rgba(20, 107, 52, 0.35);
  --color-success-glow:         rgba(20, 107, 52, 0.2);
  --color-warning:              #7A4F00;
  --color-warning-dim:          #5C3A00;
  --color-warning-bg:           rgba(122, 79, 0, 0.1);
  --color-warning-border:       rgba(122, 79, 0, 0.35);
  --color-error-on:             #FFFFFF;
  --color-error-container:      #F9DEDC; /* M3 Light Error Container */
  --color-error-container-on:   #410E0B;


  /* — Shadows (Light Mode) — */
  --shadow-sm: 0 1px 3px rgba(103, 80, 164, 0.05), 0 1px 2px rgba(103, 80, 164, 0.1);
  --shadow-md: 0 4px 6px rgba(103, 80, 164, 0.08), 0 1px 3px rgba(103, 80, 164, 0.12);
  --shadow-lg: 0 10px 20px rgba(103, 80, 164, 0.10), 0 6px 6px rgba(103, 80, 164, 0.12);
  --shadow-xl: 0 12px 48px rgba(103, 80, 164, 0.15);

  /* — Brand / Logo (Light Mode) — */
  --color-logo-stop-1: #6750A4;
  --color-logo-stop-2: #958DA5;
  --color-logo-stop-3: #756D85;
  --color-logo-glow:   rgba(103, 80, 164, 0.15);

  --color-scrollbar-track:      #F7F2FA;
  --color-scrollbar-thumb:      #CAC4D0;
  --color-scrollbar-hover:      #79747E;
}






/* Цвет иконки для кнопки завершения вызова в светлой теме */
.theme-light body.mode-call #hangBtn {
  color: #FFFFFF !important;
}