/* Base Styles for Playoff Hub */
:root {
    --pistons-red: #C8102E;
    --pistons-blue: #1D428A;
    --pistons-light-blue: #00A3E0;
    --pistons-black: #000000;
    --bg-dark: #121212;
    --bg-light: #f4f4f4;
    --text-light: #ffffff;
}

body {
    font-family: 'Inter', sans-serif;
    background-color: var(--pistons-black);
    color: var(--text-light);
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
.outfit-font {
    font-family: 'Outfit', sans-serif;
    text-transform: uppercase;
}

.text-pistons-red {
    color: var(--pistons-red) !important;
}

.text-pistons-blue {
    color: var(--pistons-blue) !important;
}

/* Utility classes for premium look */
.glassmorphism {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
}

.gradient-text {
    background: linear-gradient(90deg, var(--pistons-red) 0%, var(--pistons-light-blue) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

body {
    background: url('../img/bg.jpg') no-repeat center center fixed;
    background-size: cover;
}