/**
 * Telegram Manager - Main Stylesheet
 * ====================================
 * Модульний, чистий та професійний CSS
 * Організований за принципом "від загального до конкретного"
 * 
 * Структура:
 * 1. Core - Базові визначення (змінні, reset, base, теми)
 * 2. Components - Багаторазово використовувані компоненти
 * 3. Utilities - Утилітні класи
 * 
 * @version 2.0.0
 * @author Refactored Structure
 */

/* ============================================
   CORE STYLES
   ============================================ */

/* CSS Variables - Єдине джерело правди для всіх значень */
@import url('core/variables.css');

/* Reset - Скидання браузерних стилів */
@import url('core/reset.css');

/* Base - Базові стилі елементів */
@import url('core/base.css');

/* Themes - Світла та темна тема */
@import url('core/themes.css');

/* ============================================
   COMPONENTS
   ============================================ */

/* Navigation */
@import url('components/navbar.css');

/* Layout Elements */
@import url('components/cards.css');
@import url('components/tables.css');

/* Form Elements */
@import url('components/buttons.css');
@import url('components/forms.css');

/* UI Elements */
@import url('components/badges.css');
@import url('components/alerts.css');
@import url('components/modals.css');
@import url('components/pagination.css');
@import url('components/tabs.css');

/* ============================================
   UTILITIES
   ============================================ */

/* Helper Classes */
@import url('utilities/helpers.css');

/* Animations & Transitions */
@import url('utilities/animations.css');

/* ============================================
   GLOBAL OVERRIDES & FIXES
   ============================================ */

/**
 * Запобігання блиманню теми при завантаженні
 * Ці стилі мають найвищий пріоритет
 */
body {
  transition: none;
}

html[data-theme] body {
  transition: none;
}

/* Плавні переходи тільки при ручній зміні теми */
body.theme-transition,
body.theme-transition * {
  transition: background-color 300ms ease,
              color 300ms ease,
              border-color 300ms ease !important;
}

/**
 * Забезпечення консистентності між компонентами
 */
* {
  box-sizing: border-box;
}

/**
 * Покращення рендерингу тексту
 */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/**
 * Фікс для Safari backdrop-filter
 */
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
  .navbar {
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
  }
}

/* ============================================
   END OF MAIN STYLESHEET
   ============================================ */