/* ============================================
   Ritzeltech Main CSS
   Import Orchestrator
   ============================================ */

/* ===========================================
   Core Styles (Order matters!)
   =========================================== */
@import url('core/fonts-config.css'); /* Font configuration (choose Inter or IBM Plex) */
@import url('core/variables.css');
@import url('core/reset.css');
@import url('core/base.css');

/* ===========================================
   Theme System (Must be AFTER core variables!)
   =========================================== */
@import url('themes/theme-blue-purple.css');
@import url('themes/theme-teal.css');
@import url('themes/theme-teal-refined.css');
@import url('themes/theme-purple.css');
@import url('themes/theme-indigo.css');
@import url('themes/theme-light.css');

/* ===========================================
   Layout
   =========================================== */
@import url('layout/header.css');
@import url('layout/sections.css');
@import url('layout/footer.css');

/* ===========================================
   Components
   =========================================== */
@import url('components/buttons.css');
@import url('components/cards.css');
@import url('components/forms.css');
@import url('components/hero.css');
@import url('components/navigation.css');
@import url('components/language-switcher.css');
@import url('components/coming-soon.css');

/* ===========================================
   Utilities
   =========================================== */
@import url('utilities/colors.css');
@import url('utilities/spacing.css');
@import url('utilities/typography.css');

/* ===========================================
   Animations
   =========================================== */
@import url('animations.css');

/* ===========================================
   Responsive overrides (must be last)
   =========================================== */
@import url('responsive.css');

/* ===========================================
   Theme Switcher (temporary)
   =========================================== */
.theme-switcher-container {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: var(--color-bg-overlay-medium);
    backdrop-filter: blur(10px);
    padding: 0.5rem 1rem;
    border-radius: 8px;
    border: 1px solid var(--color-border-light);
    font-size: 0.85rem;
    z-index: 9999;
    display: none;
    align-items: center;
    gap: 0.5rem;
}

/* Show theme switcher when flag is true */
[data-show-theme-switcher="true"] .theme-switcher-container {
    display: flex;
}

.theme-label {
    color: var(--color-text-secondary);
    font-family: var(--font-mono);
    font-size: 0.8rem;
}

.theme-btn {
    background: var(--color-bg-overlay-light);
    color: var(--color-text-primary);
    border: 1px solid var(--color-border-light);
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-family: var(--font-mono);
    font-size: 0.75rem;
    cursor: pointer;
    transition: all 0.2s;
    min-width: 30px;
}

.theme-btn:hover {
    background: var(--color-primary-overlay-20);
    border-color: var(--color-primary);
}

.theme-btn[data-theme="default"] { /* Blue-Purple */ }
.theme-btn[data-theme="teal"] { /* Teal Bright */ }
.theme-btn[data-theme="teal-refined"] { /* Teal Refined */ }
.theme-btn[data-theme="purple"] { /* Purple */ }
.theme-btn[data-theme="indigo"] { /* Indigo Dark */ }
.theme-btn[data-theme="light"] { /* Light Mode */ }