/* Global Color Scheme and Base Styles for Spinozzi Hockey */
:root {
    /* Navigation Colors */
    --nav-base-rgb: 13, 27, 42;
    --nav-mid-rgb: 18, 57, 90;
    --nav-accent-rgb: 125, 211, 247;
    --nav-opacity-factor: 0.9;
    --text-inverse: #ffffff;
    
    /* Primary Colors */
    --primary-dark: rgb(13, 27, 42);
    --primary-medium: rgb(18, 57, 90);
    --primary-light: rgb(125, 211, 247);
    
    /* Text Colors */
    --text-primary: #1a1a1a;
    --text-secondary: #666666;
    --text-light: #ffffff;
    
    /* Background Colors */
    --bg-primary: #ffffff;
    --bg-secondary: #f8f9fa;
    --bg-dark: rgb(13, 27, 42);
}

/* Global Reset and Base Styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    line-height: 1.6;
    color: var(--text-primary);
    background-color: var(--bg-primary);
}

main {
    min-height: calc(100vh - 200px);
    padding: 2rem;
}

/* Utility Classes */
.text-primary { color: var(--text-primary); }
.text-secondary { color: var(--text-secondary); }
.text-light { color: var(--text-light); }
.bg-primary { background-color: var(--bg-primary); }
.bg-secondary { background-color: var(--bg-secondary); }
.bg-dark { background-color: var(--bg-dark); }

/* Responsive design rules */
@media (max-width: 768px) {
    body {
        font-size: 14px;
    }
    
    main {
        padding: 1rem;
    }
}

@media (max-width: 480px) {
    main {
        padding: 0.5rem;
    }
}