:root {
    --color-bg-primary: #0a0e1a;
    --color-bg-secondary: #111827;
    --color-bg-card: #1e2433;
    --color-text-primary: #ffffff;
    --color-text-secondary: #a0aec0;
    --color-accent-primary: #00b4d8;
    --color-accent-secondary: #0077be;
    --color-success: #10b981;
    --color-warning: #f59e0b;
    --color-danger: #ef4444;
    --color-border: #2d3748;
    
    --breakpoint-mobile: 768px;
    --breakpoint-tablet: 1024px;
    
    --font-family-base: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: var(--font-family-base);
    background-color: var(--color-bg-primary);
    color: var(--color-text-primary);
    line-height: 1.6;
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: var(--color-bg-secondary);
}
::-webkit-scrollbar-thumb {
    background: var(--color-border);
    border-radius: 4px;
}