
/* Generated Theme CSS Variables - DO NOT EDIT MANUALLY */
/* Brand: Vault */
/* Default Theme: light */
/* Allow Theme Toggle: true */

:root {
  /* Настройки темы */
  --default-theme: light;
  --allow-theme-toggle: 1;
  
  /* Цвета бренда */
  --brand-primary-color: #0019ff;
  --brand-secondary-color: #eceeff;
  --brand-accent-color: #28d180;
  
  /* Переменные светлой темы */

  /* Светлая тема */
  --light-theme-background: #F6F7F8;
  --light-theme-header-background: #FFFFFF;
  --light-theme-card-background: #FFFFFF;
  --light-theme-text-primary: #191b20;
  --light-theme-text-secondary: rgba(25, 27, 32, 0.5);
  --light-theme-border: #E0E0E0;
  --light-theme-hover-background: rgba(25, 27, 32, 0.05);
  
  /* Инпуты и формы для светлой темы */
  --light-theme-input-background: #FFFFFF;
  --light-theme-input-text: #191b20;
  --light-theme-input-border: #E0E0E0;
  --light-theme-input-placeholder: rgba(0, 0, 0, 0.5);
  --light-theme-input-focus: #28d180;
  --light-theme-button-background: #0019ff;
  --light-theme-button-text: #FFFFFF;
  --light-theme-button-hover: #28d180;
  --light-theme-button-disabled: #E0E0E0;
  --light-theme-button-disabled-text: rgba(0, 0, 0, 0.5);

  /* Темная тема */
  --dark-theme-background: #2A2C31;
  --dark-theme-header-background: #1D2024;
  --dark-theme-card-background: #1D2024;
  --dark-theme-text-primary: #FFFFFF;
  --dark-theme-text-secondary: rgba(255, 255, 255, 0.7);
  --dark-theme-border: #3A3D42;
  --dark-theme-hover-background: rgba(255, 255, 255, 0.05);
  
  /* Инпуты и формы для темной темы */
  --dark-theme-input-background: #444444;
  --dark-theme-input-text: #FFFFFF;
  --dark-theme-input-border: #3A3D42;
  --dark-theme-input-placeholder: rgba(255, 255, 255, 0.5);
  --dark-theme-input-focus: #28d180;
  --dark-theme-button-background: #28d180;
  --dark-theme-button-text: #000000;
  --dark-theme-button-hover: #00C496;
  --dark-theme-button-disabled: #555555;
  --dark-theme-button-disabled-text: rgba(255, 255, 255, 0.5);

  /* Переменные темы по умолчанию */
  --theme-background: var(--light-theme-background);
  --theme-header-background: var(--light-theme-header-background);
  --theme-card-background: var(--light-theme-card-background);
  --theme-text-primary: var(--light-theme-text-primary);
  --theme-text-secondary: var(--light-theme-text-secondary);
  --theme-border: var(--light-theme-border);
  --theme-hover-background: var(--light-theme-hover-background);
  
  /* Переменные для инпутов и форм по умолчанию */
  --theme-input-background: var(--light-theme-input-background);
  --theme-input-text: var(--light-theme-input-text);
  --theme-input-border: var(--light-theme-input-border);
  --theme-input-placeholder: var(--light-theme-input-placeholder);
  --theme-input-focus: var(--light-theme-input-focus);
  --theme-button-background: var(--light-theme-button-background);
  --theme-button-text: var(--light-theme-button-text);
  --theme-button-hover: var(--light-theme-button-hover);
  --theme-button-disabled: var(--light-theme-button-disabled);
  --theme-button-disabled-text: var(--light-theme-button-disabled-text);
}

/* Стили для светлой темы */
body:not(.dark-theme) {
  --theme-background: var(--light-theme-background);
  --theme-header-background: var(--light-theme-header-background);
  --theme-card-background: var(--light-theme-card-background);
  --theme-text-primary: var(--light-theme-text-primary);
  --theme-text-secondary: var(--light-theme-text-secondary);
  --theme-border: var(--light-theme-border);
  --theme-hover-background: var(--light-theme-hover-background);
  
  /* Переменные для инпутов и форм */
  --theme-input-background: var(--light-theme-input-background);
  --theme-input-text: var(--light-theme-input-text);
  --theme-input-border: var(--light-theme-input-border);
  --theme-input-placeholder: var(--light-theme-input-placeholder);
  --theme-input-focus: var(--light-theme-input-focus);
  --theme-button-background: var(--light-theme-button-background);
  --theme-button-text: var(--light-theme-button-text);
  --theme-button-hover: var(--light-theme-button-hover);
  --theme-button-disabled: var(--light-theme-button-disabled);
  --theme-button-disabled-text: var(--light-theme-button-disabled-text);
}

/* Стили для темной темы */
body.dark-theme {
  --theme-background: var(--dark-theme-background);
  --theme-header-background: var(--dark-theme-header-background);
  --theme-card-background: var(--dark-theme-card-background);
  --theme-text-primary: var(--dark-theme-text-primary);
  --theme-text-secondary: var(--dark-theme-text-secondary);
  --theme-border: var(--dark-theme-border);
  --theme-hover-background: var(--dark-theme-hover-background);
  
  /* Переменные для инпутов и форм */
  --theme-input-background: var(--dark-theme-input-background);
  --theme-input-text: var(--dark-theme-input-text);
  --theme-input-border: var(--dark-theme-input-border);
  --theme-input-placeholder: var(--dark-theme-input-placeholder);
  --theme-input-focus: var(--dark-theme-input-focus);
  --theme-button-background: var(--dark-theme-button-background);
  --theme-button-text: var(--dark-theme-button-text);
  --theme-button-hover: var(--dark-theme-button-hover);
  --theme-button-disabled: var(--dark-theme-button-disabled);
  --theme-button-disabled-text: var(--dark-theme-button-disabled-text);
}

/* Специальные стили для бренда Wafee */

