:root {
    /* Your Corporate Branding blue */
    --bs-primary: #0072bc;
    --bs-primary-rgb: 0, 114, 188;
    --bs-link-color: #0072bc;
    --wmb-bg: #191b1d; /* Dark surface */
    --wmb-surface: #24272a; /* Elevated rows */
    --wmb-border: rgba(255,255,255,0.1);
    --wmb-text-muted: #888888; /* Label color */
    /* Core Brand */

    --wmb-primary-light: #4ba3e3; /* High-contrast Blue accent */
    /* Functional Range */
    --wmb-success: #28a745; /* Green: Earnings/Final Rank */
    --wmb-warning: #daa520; /* Gold/Amber: 1st Place / 1BB */
    --wmb-danger: #b0343b; /* Deep Red: Penalty / DQ */
    /* Extended Range (New) */
    --wmb-info: #00aacb; /* Cyan: Special Awards */
    --wmb-secondary: #008a85; /* Teal: Day 2 distinctions */
    --wmb-accent: #f07025; /* Burnt Orange: Big Bass highlights */
    --wmb-violet: #6f42c1; /* Purple: Series Standings */
    --wmb-surface: #1e2022; /* Slightly darker for card depth */
    --wmb-primary-light: #4ba3e3;
}

/* Base Tag Component */
.wmb-tag {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    font-family: 'Oswald', sans-serif;
    font-size: 0.7rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-radius: 2px;
    line-height: 1.2;
    border: 1px solid transparent;
    text-align:center;
}

.wmb-tag-primary {
    background: rgba(0, 114, 188, 0.15);
    color: var(--bs-primary);
    border-color: rgba(0, 114, 188, 0.3);
}

.wmb-tag-success {
    background: rgba(40, 167, 69, 0.15);
    color: var(--wmb-success);
    border-color: rgba(40, 167, 69, 0.3);
}

.wmb-tag-gold {
    background: rgba(218, 165, 32, 0.15);
    color: var(--wmb-warning);
    border-color: rgba(218, 165, 32, 0.3);
}

.wmb-tag-teal {
    background: rgba(0, 138, 133, 0.15);
    color: var(--wmb-secondary);
    border-color: rgba(0, 138, 133, 0.3);
}

.wmb-tag-orange {
    background: rgba(240, 112, 37, 0.15);
    color: var(--wmb-accent);
    border-color: rgba(240, 112, 37, 0.3);
}

.wmb-tag-red {
    background: rgba(176, 52, 59, 0.15);
    color: var(--wmb-danger);
    border-color: rgba(176, 52, 59, 0.3);
}

/* Violet: Series / Specialty Awards */
.wmb-tag-violet {
    background: rgba(111, 66, 193, 0.15);
    color: #6f42c1;
    border-color: rgba(111, 66, 193, 0.3);
}

/* Info: Cyan for Secondary Stats or Dates */
.wmb-tag-info {
    background: rgba(0, 170, 203, 0.15);
    color: #00aacb;
    border-color: rgba(0, 170, 203, 0.3);
}

/* Light (Machine): High contrast, looks like etched aluminum */
.wmb-tag-light {
    background: rgba(255, 255, 255, 0.1);
    color: #e1e1e1;
    border-color: rgba(255, 255, 255, 0.2);
}

/* Dark: Recessed look, darker than the card background */
.wmb-tag-dark {
    background: rgba(0, 0, 0, 0.4);
    color: #666;
    border-color: rgba(0, 0, 0, 0.6);
}

/* Muted: Low priority labels like "N/A" or "TBD" */
.wmb-tag-muted {
    background: rgba(136, 136, 136, 0.1);
    color: #888;
    border-color: rgba(136, 136, 136, 0.2);
}

/* Surface: Blends into the card for a subtle "etched" effect */
.wmb-tag-surface {
    background: var(--wmb-surface);
    color: #aaa;
    border-color: var(--wmb-border);
}

.btn-primary {
    --bs-btn-bg: #0072bc;
    --bs-btn-border-color: #0173bd;
    --bs-btn-hover-bg: #0173bd;
    --bs-btn-active-bg: #0072bc;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
}

/* Rugged UI Elements */
.card {
    border-radius: 0; /* Boxy, rugged look */
    border: 1px solid #333;
}

.bg-dark-rugged {
    background-color: #121212;
}

/* Global rule to remove rounded corners from all Bootstrap buttons */
.btn {
    border-radius: 0 !important;
    font-family: 'Oswald', sans-serif;
}

/* Optional: If you want to ensure all form inputs and cards also follow the "rugged" sharp-edge look */
.form-control,
.card,
.dropdown-menu {
    border-radius: 0 !important;
}

h2, .section-header {
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    text-transform: uppercase; /* Most headers in your mockup are all-caps */
    letter-spacing: 0.05rem;
    color: #FFFFFF;
    margin-bottom: 1.5rem;
    
    padding-left: 15px;
}

/* Main Navbar Container */
footer {
    background-color: #000000 !important;
    background-image: url('/Content/v2/dark-leather.png'); /* Add a subtle dark stone/grit texture */
    background-repeat: repeat;
}
.navbar {
    background-color: #000000 !important;
    background-image: url('/Content/v2/dark-leather.png'); /* Add a subtle dark stone/grit texture */
    background-repeat:repeat;
    padding: 15px 0;
    border-bottom: 1px solid #333;
}

@media (max-width:1200px) {
    .navbar-brand img {
        height: auto; /* Adjust based on your new logo scale */
        max-width: 340px;
    }
}
@media (max-width:800px) {
    .navbar-brand img {
        height: auto; /* Adjust based on your new logo scale */
        max-width: 240px;
    }

}
    /* Brand Logo Styling */
.navbar-brand img {
    height: auto; /* Adjust based on your new logo scale */
     
}

    /* Nav Links */
    .navbar-nav .nav-link {
        font-family: 'Oswald', sans-serif;
        font-weight: 400;
        font-size: 1.0rem;
        color: #ffffff !important;
        text-transform: uppercase;
        letter-spacing: 1px;
        padding: 10px 20px !important;
        transition: color 0.3s ease;
    }



    /* The "REGISTER NOW" Glow Button */
    .nav-btn-register {
        background: #0072bc;
        color: #fff !important;
        font-family: 'Oswald', sans-serif;
        font-weight: 700;
        text-transform: uppercase;
        border: none;
        border-radius: 0 !important; /* Global sharp edge rule */
        padding: 10px 25px !important;
        margin-left: 20px;
        box-shadow: 0 0 15px rgba(0, 114, 188, 0.4); /* Subtle orange glow */
        transition: all 0.3s ease;
    }

        .nav-btn-register:hover {
            background: #0173bd;
            box-shadow: 0 0 25px rgba(0, 114, 188, 0.6);
            transform: translateY(-1px);
        }