/**
 * Theme Tokens - Design System Variables
 * 
 * Только CSS variables - дизайн-токены проекта
 * Никаких CSS правил, только переменные
 * 
 * Философия: минимализм, контрастность, нейтральность
 * Ориентир: OpenAI / Stripe / Linear / GitHub
 */

/* ========================================
   Light Theme (Default)
   ======================================== */

:root,
[data-bs-theme="light"] {
  /* ==================== Цветовая палитра ==================== */
  
  /* Основные цвета (премиальная палитра для LMS) */
  --bs-primary: #4263eb;           /* Глубокий индиго */
  --bs-primary-rgb: 66, 99, 235;
  --bs-secondary: #6b7280;         /* Нейтральный серый */
  --bs-secondary-rgb: 107, 114, 128;
  --bs-success: #059669;           /* Приглушенный зелёный */
  --bs-success-rgb: 5, 150, 105;
  --bs-info: #0891b2;              /* Спокойный бирюзовый */
  --bs-info-rgb: 8, 145, 178;
  --bs-warning: #d97706;           /* Тёплый янтарный */
  --bs-warning-rgb: 217, 119, 6;
  --bs-danger: #dc2626;            /* Сдержанный красный */
  --bs-danger-rgb: 220, 38, 38;
  --bs-light: #f9fafb;
  --bs-light-rgb: 249, 250, 251;
  --bs-dark: #111827;
  --bs-dark-rgb: 17, 24, 39;

  /* Subtle backgrounds для контекстных классов */
  --bs-primary-bg-subtle: #eef2ff;
  --bs-primary-text-emphasis: #3730a3;
  --bs-primary-border-subtle: #c7d2fe;
  
  --bs-secondary-bg-subtle: #f3f4f6;
  --bs-secondary-text-emphasis: #374151;
  --bs-secondary-border-subtle: #d1d5db;
  
  --bs-success-bg-subtle: #d1fae5;
  --bs-success-text-emphasis: #065f46;
  --bs-success-border-subtle: #6ee7b7;
  
  --bs-info-bg-subtle: #cffafe;
  --bs-info-text-emphasis: #065f73;
  --bs-info-border-subtle: #67e8f9;
  
  --bs-warning-bg-subtle: #fef3c7;
  --bs-warning-text-emphasis: #92400e;
  --bs-warning-border-subtle: #fcd34d;
  
  --bs-danger-bg-subtle: #fee2e2;
  --bs-danger-text-emphasis: #991b1b;
  --bs-danger-border-subtle: #fca5a5;
  
  --bs-light-bg-subtle: #fafbfc;
  --bs-light-text-emphasis: #6b7280;
  --bs-light-border-subtle: #e5e7eb;
  
  --bs-dark-bg-subtle: #d1d5db;
  --bs-dark-text-emphasis: #1f2937;
  --bs-dark-border-subtle: #6b7280;

  /* Нейтральные цвета */
  --bs-body-color: #111827;
  --bs-body-color-rgb: 17, 24, 39;
  --bs-body-bg: #ffffff;
  --bs-body-bg-rgb: 255, 255, 255;

  /* Вторичные и третичные фоны */
  --bs-secondary-color: rgba(17, 24, 39, 0.65);
  --bs-secondary-bg: #f9fafb;
  --bs-tertiary-color: rgba(17, 24, 39, 0.5);
  --bs-tertiary-bg: #f3f4f6;

  /* Акцентные цвета */
  --bs-emphasis-color: #000000;
  --bs-emphasis-color-rgb: 0, 0, 0;

  /* ==================== Границы ==================== */
  
  --bs-border-color: #e5e7eb;
  --bs-border-color-translucent: rgba(17, 24, 39, 0.1);

  /* ==================== Ссылки ==================== */
  
  --bs-link-color: #4263eb;
  --bs-link-color-rgb: 66, 99, 235;
  --bs-link-hover-color: #3730a3;
  --bs-link-hover-color-rgb: 55, 48, 163;

  /* ==================== Типографика ==================== */
  
  --bs-body-font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.6;
  --bs-heading-color: #111827;
  --bs-heading-color-rgb: 17, 24, 39;

  /* ==================== Радиусы скругления ==================== */
  
  --bs-border-radius: 0.375rem;        /* 6px - базовый */
  --bs-border-radius-sm: 0.25rem;      /* 4px - маленький */
  --bs-border-radius-lg: 0.5rem;       /* 8px - большой */
  --bs-border-radius-xl: 0.75rem;      /* 12px - очень большой */
  --bs-border-radius-2xl: 1rem;        /* 16px - экстра большой */
  --bs-border-radius-pill: 50rem;      /* для pills */

  /* ==================== Тени ==================== */
  
  --bs-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --bs-box-shadow-sm: 0 1px 1px 0 rgba(0, 0, 0, 0.03);
  --bs-box-shadow-lg: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  --bs-box-shadow-inset: inset 0 2px 4px 0 rgba(0, 0, 0, 0.05);

  /* ==================== Focus Ring (Bootstrap 5.3+) ==================== */
  
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(66, 99, 235, 0.25);

  /* ==================== Проектные токены ==================== */
  
  --app-bg-subtle: #f9fafb;
  --app-bg-muted: #f3f4f6;
  --app-border-subtle: #e5e7eb;
  --app-text-muted: #6b7280;
  --app-spacing: 1rem;
  --app-transition: all 0.2s ease;
  
  /* Цвета текста для кнопок */
  --bs-btn-color-light: #ffffff;  /* Белый текст для тёмных кнопок */
  --bs-btn-color-dark: #000000;   /* Чёрный текст для светлых кнопок */
}

/* ========================================
   Dark Theme
   ======================================== */

[data-bs-theme="dark"] {
  /* ==================== Цветовая палитра ==================== */
  
  /* Основные цвета (более яркие для темной темы) */
  --bs-primary: #6366f1;           /* Яркий индиго */
  --bs-primary-rgb: 99, 102, 241;
  --bs-secondary: #9ca3af;         /* Светло-серый */
  --bs-secondary-rgb: 156, 163, 175;
  --bs-success: #10b981;           /* Яркий зелёный */
  --bs-success-rgb: 16, 185, 129;
  --bs-info: #06b6d4;              /* Яркий бирюзовый */
  --bs-info-rgb: 6, 182, 212;
  --bs-warning: #f59e0b;           /* Яркий янтарный */
  --bs-warning-rgb: 245, 158, 11;
  --bs-danger: #ef4444;            /* Яркий красный */
  --bs-danger-rgb: 239, 68, 68;
  --bs-light: #374151;
  --bs-light-rgb: 55, 65, 81;
  --bs-dark: #f9fafb;
  --bs-dark-rgb: 249, 250, 251;

  /* Subtle backgrounds для контекстных классов */
  --bs-primary-bg-subtle: #312e81;
  --bs-primary-text-emphasis: #a5b4fc;
  --bs-primary-border-subtle: #4338ca;
  
  --bs-secondary-bg-subtle: #374151;
  --bs-secondary-text-emphasis: #d1d5db;
  --bs-secondary-border-subtle: #4b5563;
  
  --bs-success-bg-subtle: #064e3b;
  --bs-success-text-emphasis: #6ee7b7;
  --bs-success-border-subtle: #047857;
  
  --bs-info-bg-subtle: #164e63;
  --bs-info-text-emphasis: #67e8f9;
  --bs-info-border-subtle: #0e7490;
  
  --bs-warning-bg-subtle: #92400e;
  --bs-warning-text-emphasis: #fcd34d;
  --bs-warning-border-subtle: #b45309;
  
  --bs-danger-bg-subtle: #991b1b;
  --bs-danger-text-emphasis: #fca5a5;
  --bs-danger-border-subtle: #b91c1c;
  
  --bs-light-bg-subtle: #1f2937;
  --bs-light-text-emphasis: #d1d5db;
  --bs-light-border-subtle: #374151;
  
  --bs-dark-bg-subtle: #4b5563;
  --bs-dark-text-emphasis: #f3f4f6;
  --bs-dark-border-subtle: #9ca3af;

  /* Нейтральные цвета */
  --bs-body-color: #e5e7eb;
  --bs-body-color-rgb: 229, 231, 235;
  --bs-body-bg: #111827;
  --bs-body-bg-rgb: 17, 24, 39;

  /* Вторичные и третичные фоны */
  --bs-secondary-color: rgba(229, 231, 235, 0.65);
  --bs-secondary-bg: #1f2937;
  --bs-tertiary-color: rgba(229, 231, 235, 0.5);
  --bs-tertiary-bg: #374151;

  /* Акцентные цвета */
  --bs-emphasis-color: #ffffff;
  --bs-emphasis-color-rgb: 255, 255, 255;

  /* ==================== Границы ==================== */
  
  --bs-border-color: #374151;
  --bs-border-color-translucent: rgba(229, 231, 235, 0.1);

  /* ==================== Ссылки ==================== */
  
  --bs-link-color: #6366f1;
  --bs-link-color-rgb: 99, 102, 241;
  --bs-link-hover-color: #818cf8;
  --bs-link-hover-color-rgb: 129, 140, 248;

  /* ==================== Типографика ==================== */
  
  --bs-heading-color: #f9fafb;
  --bs-heading-color-rgb: 249, 250, 251;

  /* ==================== Тени ==================== */
  
  --bs-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  --bs-box-shadow-sm: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
  --bs-box-shadow-lg: 0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 2px 4px -2px rgba(0, 0, 0, 0.3);
  --bs-box-shadow-inset: inset 0 2px 4px 0 rgba(0, 0, 0, 0.3);

  /* ==================== Focus Ring (Bootstrap 5.3+) ==================== */
  
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(99, 102, 241, 0.25);

  /* ==================== Проектные токены ==================== */
  
  --app-bg-subtle: #1f2937;
  --app-bg-muted: #374151;
  --app-border-subtle: #374151;
  --app-text-muted: #9ca3af;
  --app-spacing: 1rem;
  --app-transition: all 0.2s ease;
  
  /* Цвета текста для кнопок */
  --bs-btn-color-light: #ffffff;  /* Белый текст */
  --bs-btn-color-dark: #000000;   /* Чёрный текст */
}