/* Main CSS - Imports and Theme Variables */
/* Base Styles */
@import './base/reset.css';
@import './base/typography.css';

/* Layout */
@import './layout/container.css';
@import './layout/responsive.css';

/* UI Components */
@import './components/header.css';
@import './components/resume-sections.css';
@import './components/buttons.css';
@import './components/modals.css';

/* Features */
@import './features/language-switcher.css';
@import './features/ai-perspective.css';
@import './features/presentation-mode.css';

/* CSS Custom Properties (Theme Variables) */
:root {
    --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --primary-color: #667eea;
    --secondary-color: #764ba2;
    --success-color: #28a745;
    --warning-color: #ffc107;
    --text-color: #333;
    --text-light: #555;
    --text-muted: #6c757d;
    --background-color: #f8f9fa;
    --background-light: #f8f9fa;
    --border-color: #e9ecef;
    --shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    --shadow-hover: 0 4px 12px rgba(0, 0, 0, 0.1);
    --transition: all 0.3s ease;
}