/* Main Styles - Import all modules */

@import 'reset.css';
@import 'variables.css';
@import 'typography.css';
@import 'animations.css';
@import 'components.css';

/* Base styles */
html {
    background-color: var(--color-black-deep);
}

body {
    background-color: var(--color-black-deep);
    color: var(--color-gold-antique);
    min-height: 100vh;
    overflow-x: hidden;
}

/* Selection */
::selection {
    background-color: var(--color-gold-antique);
    color: var(--color-black-deep);
}

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

::-webkit-scrollbar-track {
    background: var(--color-black-deep);
}

::-webkit-scrollbar-thumb {
    background: var(--color-gray-smoke);
    border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--color-gold-antique);
}

/* Main app container */
#app {
    min-height: 100vh;
}

/* Utility classes */
.text-center {
    text-align: center;
}

.mt-4 {
    margin-top: var(--space-4);
}

.mt-8 {
    margin-top: var(--space-8);
}

.mb-4 {
    margin-bottom: var(--space-4);
}

.mb-8 {
    margin-bottom: var(--space-8);
}