/* Темная тема (по умолчанию) */
:root {
  --bg-primary: #1c1c1c;
  --bg-secondary: #252525;
  --bg-tertiary: #333333;
  --text-primary: #eee;
  --text-secondary: #bbb;
  --text-muted: #888;
  --text-very-muted: #666;
  --accent-color: #6e8ca8;
  --accent-hover: #5d7a96;
  --border-color: #333333;
  --border-strong: #444;

  /* Статусы */
  --status-success-bg: #1a2e1a;
  --status-success-border: #27ae60;
  --status-success-text: #27ae60;

  --status-error-bg: #2e1a1a;
  --status-error-border: #e74c3c;
  --status-error-text: #e74c3c;

  --status-warning-bg: #2e2310;
  --status-warning-border: #f39c12;
  --status-warning-text: #f1c40f;

  /* Badges */
  --badge-green-bg: #1a4a2e;
  --badge-yellow-bg: #4a3a00;
  --badge-red-bg: #2e1a1a;
}

/* Светлая тема */
html.light-theme, html.light-theme body {
  --bg-primary: #f5f5f5;
  --bg-secondary: #ffffff;
  --bg-tertiary: #e0e0e0;
  --text-primary: #1c1c1c;
  --text-secondary: #444;
  --text-muted: #666;
  --text-very-muted: #999;
  --accent-color: #2c5f8d;
  --accent-hover: #1e4566;
  --border-color: #ddd;
  --border-strong: #ccc;

  /* Статусы */
  --status-success-bg: #c8e6c9;
  --status-success-border: #27ae60;
  --status-success-text: #1b5e20;

  --status-error-bg: #ffcdd2;
  --status-error-border: #e74c3c;
  --status-error-text: #c62828;

  --status-warning-bg: #fff9c4;
  --status-warning-border: #f39c12;
  --status-warning-text: #f57c00;

  /* Badges */
  --badge-green-bg: #a5d6a7;
  --badge-yellow-bg: #fff59d;
  --badge-red-bg: #ef9a9a;
}

/* Переключатель темы */
.theme-toggle {
  position: relative;
  width: 50px;
  height: 26px;
  background: var(--bg-tertiary);
  border-radius: 13px;
  cursor: pointer;
  transition: background 0.3s;
  border: 2px solid var(--border-color);
}

.theme-toggle::after {
  content: '🌙';
  position: absolute;
  top: 1px;
  left: 2px;
  width: 20px;
  height: 20px;
  background: var(--accent-color);
  border-radius: 50%;
  transition: transform 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}

html.light-theme .theme-toggle::after {
  content: '☀️';
  transform: translateX(24px);
}

html.light-theme .theme-toggle {
  background: var(--accent-color);
}

/* Специфичные стили для подсортов в светлой теме */
html.light-theme .stat-compact {
  background: #e8e8e8;
}


/* ========================================
   Delivery-страницы: Chrome-style палитра
   ======================================== */
:root {
  --dl-card-shadow:      none;
  --dl-card-hover-shadow: 0 8px 32px rgba(255, 120, 200, 0.7);
  --dl-bg-page:          #282B30;
  --dl-bg-card:          #2F3138;
  --dl-bg-element:       #383B43;
  --dl-row-hover:        #383B43;
  --dl-border:           #42454F;
  --dl-border-strong:    #52555F;
  --dl-text-primary:     #E8EAED;
  --dl-text-secondary:   #9AA0A6;
  --dl-text-muted:       #80868B;
  --dl-accent:           #A8C7FA;
  --dl-accent-hover:     #C2D9FF;
  --dl-accent-bg:        #0D2038;
  --dl-accent-text:      #0D2038;
  --dl-success-text:     #34D399;
  --dl-success-bg:       #064E3B;
  --dl-error-text:       #F87171;
  --dl-error-bg:         #7F1D1D;
  --dl-warning-text:     #FCD34D;
  --dl-warning-bg:       #78350F;
}

html.light-theme {
  --dl-bg-page:          #ffffff;
  --dl-card-shadow:      none;
  --dl-card-hover-shadow: 0 8px 24px rgba(194, 254, 11, 0.6);
  --dl-bg-card:          #FFFFFF;
  --dl-bg-element:       #F9FAFB;
  --dl-row-hover:        #FCFDFE;
  --dl-border:           #EFEFEF;
  --dl-border-strong:    #E5E7EB;
  --dl-text-primary:     #202124;
  --dl-text-secondary:   #5F6368;
  --dl-text-muted:       #80868B;
  --dl-accent:           #5B5FED;
  --dl-accent-hover:     #4E52D9;
  --dl-accent-bg:        #F4F3FF;
  --dl-accent-text:      #ffffff;
  --dl-success-text:     #059669;
  --dl-success-bg:       #D1FAE5;
  --dl-error-text:       #DC2626;
  --dl-error-bg:         #FEE2E2;
  --dl-warning-text:     #D97706;
  --dl-warning-bg:       #FEF3C7;
}