/* css/style.css */
@import './css/reset.css';
@import './css/layout.css';
@import './css/typography.css';
@import './css/nav.css';
@import './css/components.css';
@import './css/media.css';

:root {
    --primary-color: #6366f1;
    --primary-hover-color: #0022ff;
    --text-color: #333;
    --bg-color: #fff;
    --nav-height: 70px;
}

body {
    font-family: 'Poppins', sans-serif;
    color: var(--text-color);
    background-color: var(--bg-color);
    transition: background-color 0.3s, color 0.3s;
    --card-bg-color: #efebeb;
    --featured-card-bg-color: #ffffff;
}

body.dark-mode {
    --text-color: #f0f0f0;
    --bg-color: #333;
    --card-bg-color: #2c2c2c;
    --featured-card-bg-color: #3a3a3a;
    --primary-color-dark: #6366f1;
    --primary-hover-color-dark: #0022ff;
}