/* Linux Gaming Auto Theme - автопереключение светлая/тёмная */
gitea-theme-meta-info {
  --theme-display-name: "Linux Gaming Auto";
}

/* =============================================
   БАЗОВЫЕ ПЕРЕМЕННЫЕ (Светлая тема по умолчанию)
   ============================================= */
:root {
  --is-dark-theme: false;
  
  /* Primary - основной текст и значки */
  --color-text: #222222;
  --color-text-dark: #111111;
  --color-text-light: #555555;
  --color-text-light-1: #666666;
  --color-text-light-2: #777777;
  --color-text-light-3: #888888;
  
  /* Secondary - основной фон */
  --color-body: #F1F2F6;
  --color-box-body: #ffffff;
  --color-box-body-highlight: #f8f9fa;
  --color-secondary-bg: #e9eaee;
  --color-secondary-alpha-60: #d0d1d5;
  --color-input-background: #ffffff;
  --color-input-border: #cccccc;
  --color-input-border-hover: #999999;
  
  /* Dropdown/Popup меню */
  --color-menu: #ffffff;
  --color-menu-bg: #ffffff;
  --color-dropdown-bg: #ffffff;
  --color-tooltip-bg: #222222;
  --color-tooltip-text: #dddddd;
  --color-card-bg: #ffffff;
  --color-overlay-bg: #ffffff;
  
  /* Primary accent - бирюзовый */
  --color-primary: #06888e;
  --color-primary-contrast: #ffffff;
  
  /* Heatmap gradient */
  --color-primary-light-4: #b8e8eb;
  --color-primary-light-2: #7dd4da;
  --color-primary-light-1: #4ac0c8;
  --color-primary-dark-2: #079298;
  --color-primary-dark-4: #055560;
  --color-primary-dark-1: #057a80;
  --color-primary-dark-3: #046c72;
  --color-primary-light-3: #5ec8cf;
  --color-primary-alpha-10: rgba(6, 136, 142, 0.1);
  --color-primary-alpha-20: rgba(6, 136, 142, 0.2);
  --color-primary-alpha-30: rgba(6, 136, 142, 0.3);
  --color-primary-alpha-40: rgba(6, 136, 142, 0.4);
  --color-primary-alpha-50: rgba(6, 136, 142, 0.5);
  
  /* Secondary accent - фиолетовый ТОЛЬКО для кнопок */
  --color-secondary: #5c11f5;
  --color-secondary-contrast: #ffffff;
  --color-secondary-hover: #4a0dc4;
  
  /* Header - тёмный в обеих темах */
  --color-header: #111111;
  --color-nav-bg: #111111;
  --color-nav-text: #dddddd;
  --color-nav-hover-bg: #313131;
  
  /* Selected - бирюзовый оттенок */
  --color-active: #cef0f2;
  --color-menu-active-bg: #e0f5f6;
  --color-focus: #06888e;
  --color-focus-shadow: rgba(6, 136, 142, 0.25);
  
  /* Hover */
  --color-hover: #e5e6ea;
  
  /* Highlight */
  --color-highlight-bg: #ffffff;
  --color-highlight-fg: #111111;
  
  /* Text selection - нейтральный */
  --color-selection-bg: #b8e8eb;
  --color-selection-fg: #111111;
  
  /* Borders */
  --color-secondary-border: #cccccc;
  --color-border: #dddddd;
  
  /* Actions */
  --color-red: #e45735;
  --color-red-dark-1: #d04a2a;
  --color-green: #1ca551;
  --color-green-dark-1: #189447;
  
  /* Лайки */
  --color-pink: #f82151;
  
  /* Buttons - primary бирюзовый */
  --color-btn-primary-bg: #06888e;
  --color-btn-primary-text: #ffffff;
  --color-btn-primary-border: #06888e;
  --color-btn-primary-hover-bg: #057a80;
  --color-btn-primary-hover-border: #057a80;
  
  /* Code */
  --color-code-bg: #f5f5f5;
  --color-code-sidebar-bg: #eeeeee;
  
  /* Shadow */
  --color-shadow: rgba(0, 0, 0, 0.15);
}

/* =============================================
   ТЁМНАЯ ТЕМА (автопереключение)
   ============================================= */
@media (prefers-color-scheme: dark) {
  :root {
    --is-dark-theme: true;
    
    /* Primary - основной текст и значки */
    --color-text: #dddddd;
    --color-text-dark: #ffffff;
    --color-text-light: #aaaaaa;
    --color-text-light-1: #999999;
    --color-text-light-2: #888888;
    --color-text-light-3: #777777;
    
    /* Secondary - основной фон */
    --color-body: #222222;
    --color-box-body: #222222;
    --color-box-body-highlight: #2a2a2a;
    --color-secondary-bg: #2a2a2a;
    --color-secondary-alpha-60: #111111;
    --color-input-background: #1a1a1a;
    --color-input-border: #444444;
    --color-input-border-hover: #666666;
    
    /* Dropdown/Popup меню */
    --color-menu: #222222;
    --color-menu-bg: #222222;
    --color-dropdown-bg: #222222;
    --color-tooltip-bg: #111111;
    --color-tooltip-text: #dddddd;
    --color-card-bg: #222222;
    --color-overlay-bg: #222222;
    
    /* Primary accent - бирюзовый (ярче для тёмной) */
    --color-primary: #08a0aa;
    --color-primary-contrast: #111111;
    
    /* Heatmap gradient */
    --color-primary-light-4: #044550;
    --color-primary-light-2: #056575;
    --color-primary-light-1: #07859a;
    --color-primary-dark-2: #08a5b8;
    --color-primary-dark-4: #09bec8;
    --color-primary-dark-1: #08a9b2;
    --color-primary-dark-3: #07959c;
    --color-primary-light-3: #068086;
    --color-primary-alpha-10: rgba(9, 190, 200, 0.1);
    --color-primary-alpha-20: rgba(9, 190, 200, 0.2);
    --color-primary-alpha-30: rgba(9, 190, 200, 0.3);
    --color-primary-alpha-40: rgba(9, 190, 200, 0.4);
    --color-primary-alpha-50: rgba(9, 190, 200, 0.5);
    
    /* Secondary accent - фиолетовый ТОЛЬКО для кнопок */
    --color-secondary: #7c3ff8;
    --color-secondary-contrast: #ffffff;
    --color-secondary-hover: #5c11f5;
    
    /* Header - тёмный */
    --color-header: #111111;
    --color-nav-bg: #111111;
    --color-nav-text: #dddddd;
    --color-nav-hover-bg: #313131;
    
    /* Selected - бирюзовый оттенок */
    --color-active: #052e3d;
    --color-menu-active-bg: #0a3d4d;
    --color-focus: #08a0aa;
    --color-focus-shadow: rgba(8, 160, 170, 0.4);
    
    /* Hover */
    --color-hover: #313131;
    
    /* Highlight */
    --color-highlight-bg: #ffffff;
    --color-highlight-fg: #111111;
    
    /* Text selection - нейтральный */
    --color-selection-bg: #08a0aa;
    --color-selection-fg: #111111;
    
    /* Borders */
    --color-secondary-border: #444444;
    --color-border: #444444;
    
    /* Actions */
    --color-red: #e45735;
    --color-red-dark-1: #d04a2a;
    --color-green: #1ca551;
    --color-green-dark-1: #189447;
    
    /* Лайки */
    --color-pink: #f82151;
    
    /* Buttons - primary бирюзовый */
    --color-btn-primary-bg: #09bec8;
    --color-btn-primary-text: #111111;
    --color-btn-primary-border: #09bec8;
    --color-btn-primary-hover-bg: #08a9b2;
    --color-btn-primary-hover-border: #08a9b2;
    
    /* Code */
    --color-code-bg: #1a1a1a;
    --color-code-sidebar-bg: #181818;
    
    /* Shadow */
    --color-shadow: rgba(0, 0, 0, 0.5);
  }
}

/* =============================================
   ОБЩИЕ СТИЛИ
   ============================================= */

/* Dropdown menu styling */
.menu, .ui.menu, .dropdown-menu, .tippy-box, .popup {
  background-color: var(--color-menu) !important;
  border-color: var(--color-border) !important;
}

.menu .item, .ui.menu .item, .dropdown-menu .item {
  color: var(--color-text) !important;
}

.menu .item:hover, .ui.menu .item:hover, .dropdown-menu .item:hover {
  background-color: var(--color-hover) !important;
}

.menu .item.active, .ui.menu .item.active, .dropdown-menu .item.active {
  background-color: var(--color-menu-active-bg) !important;
  color: var(--color-text-dark) !important;
}

/* Text selection */
::selection {
  background-color: var(--color-selection-bg);
  color: var(--color-selection-fg);
}

::-moz-selection {
  background-color: var(--color-selection-bg);
  color: var(--color-selection-fg);
}

/* Focus styles */
input:focus, textarea:focus, select:focus,
.ui.input > input:focus, .ui.form input:focus {
  border-color: var(--color-focus) !important;
  box-shadow: 0 0 0 2px var(--color-focus-shadow) !important;
}

/* Active menu items - бирюзовый */
.repository-menu .item.active,
.organization-menu .item.active,
.user-menu .item.active {
  border-bottom-color: var(--color-primary) !important;
  color: var(--color-primary) !important;
}

/* =============================================
   ФИОЛЕТОВЫЕ КНОПКИ - только здесь!
   ============================================= */

/* Secondary buttons - фиолетовые */
.ui.button.secondary {
  background: var(--color-secondary) !important;
  color: var(--color-secondary-contrast) !important;
  border-color: var(--color-secondary) !important;
}

.ui.button.secondary:hover {
  background: var(--color-secondary-hover) !important;
  border-color: var(--color-secondary-hover) !important;
}

.ui.button.secondary:focus {
  box-shadow: 0 0 0 3px rgba(92, 17, 245, 0.3) !important;
}

/* Outline secondary buttons */
.ui.button.secondary.basic {
  background: transparent !important;
  color: var(--color-secondary) !important;
  border-color: var(--color-secondary) !important;
}

.ui.button.secondary.basic:hover {
  background: rgba(92, 17, 245, 0.1) !important;
  color: var(--color-secondary) !important;
}

/* Labels с фиолетовым - только при явном .purple или .secondary */
.ui.label.purple,
.ui.label.secondary {
  background: var(--color-secondary) !important;
  color: var(--color-secondary-contrast) !important;
}

/* Focus ring для primary кнопок - бирюзовый */
.ui.button.primary:focus {
  box-shadow: 0 0 0 3px var(--color-focus-shadow) !important;
}