/**
 * Main Stylesheet
 * CEO Command Center Dashboard
 *
 * Import order:
 * 1. Base styles (reset, variables, typography)
 * 2. Layouts (dashboard, grid, responsive)
 * 3. Components (reusable UI elements)
 * 4. Pages (page-specific styles)
 * 5. Utilities (helper classes)
 */

/* ========================================
   BASE STYLES
   ======================================== */
@import 'base/reset.css';
@import 'base/variables.css';
@import 'base/typography.css';

/* ========================================
   LAYOUTS
   ======================================== */
@import 'layouts/dashboard.css';
@import 'layouts/grid.css';
@import 'layouts/responsive.css';

/* ========================================
   COMPONENTS
   ======================================== */
@import 'components/header.css';
@import 'components/buttons.css';
@import 'components/cards.css';
@import 'components/filters.css';
@import 'components/forms.css';
@import 'components/charts.css';
@import 'components/modal.css';
@import 'components/sales-dashboard.css';
@import 'components/sidebar.css';

/* ========================================
   PAGES
   ======================================== */
@import 'pages/login.css';
@import 'pages/loading.css';
@import 'pages/error.css';

/* ========================================
   CHAT WIDGET
   ======================================== */
@import 'chat.css';

/* ========================================
   UTILITIES
   ======================================== */
@import 'utilities.css';

/* ========================================
   GLOBAL OVERRIDES
   ======================================== */

body {
    background: var(--bg-primary);
    color: var(--text-primary);
    transition: background var(--transition-base), color var(--transition-base);
}

/* Smooth transitions for theme changes */
* {
    transition-property: background-color, border-color, color, fill, stroke;
    transition-duration: var(--transition-base);
    transition-timing-function: ease-in-out;
}

/* Disable transitions on theme toggle to prevent flash */
body.theme-transitioning,
body.theme-transitioning * {
    transition: none !important;
}

/* Scrollbar styling */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: var(--bg-card-alt);
}

::-webkit-scrollbar-thumb {
    background: var(--border-subtle);
    border-radius: var(--radius-full);
}

::-webkit-scrollbar-thumb:hover {
    background: var(--accent-purple);
}

/* Selection */
::selection {
    background: var(--accent-purple);
    color: white;
}

/* Focus visible - accessibility */
:focus-visible {
    outline: 2px solid var(--accent-purple);
    outline-offset: 2px;
}

/* Print styles */
@media print {
    .no-print {
        display: none !important;
    }
}