:root {
    /* Primary Colors */
    --nhs-dark-bg-primary: #020617;
    --nhs-dark-bg-secondary: #0f172a;
    --nhs-dark-bg-tertiary: #1e293b;

    /* Orange Accent */
    --nhs-orange-primary: #ff6b35;
    --nhs-orange-secondary: #ff8555;
    --nhs-orange-dark: #d97706;
    --nhs-gold: #ffd700;

    /* Blue Accent */
    --nhs-blue-primary: #2563eb;
    --nhs-blue-secondary: #3b82f6;

    /* Status Colors */
    --nhs-win: #ea580c;
    --nhs-loss: #6b7280;
    --nhs-upcoming: #16a34a;

    /* Navy used by the Home landing chrome (kept distinct from the near-black app bg) */
    --nhs-home-navy: #001F3F;

    /* Neutral Colors */
    --nhs-text-primary: #ffffff;
    --nhs-text-secondary: #cbd5e1;
    --nhs-text-muted: #94a3b8;
    --nhs-text-dim: #64748b;

    /* Border & Divider */
    --nhs-border-light: rgba(51, 65, 85, 0.5);
    --nhs-border-lighter: rgba(255, 255, 255, 0.1);

    /* Spacing */
    --nhs-header-height: 80px;
    --nhs-spacing-xs: 0.5rem;
    --nhs-spacing-sm: 1rem;
    --nhs-spacing-md: 1.5rem;
    --nhs-spacing-lg: 2rem;
    --nhs-spacing-xl: 3rem;

    /* Shadows */
    --nhs-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1);
    --nhs-shadow-md: 0 4px 8px rgba(0, 0, 0, 0.15);
    --nhs-shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.2);
    --nhs-shadow-xl: 0 20px 40px rgba(0, 0, 0, 0.4);

    /* Transitions */
    --nhs-transition-fast: 0.2s ease;
    --nhs-transition-normal: 0.3s ease;
    --nhs-transition-slow: 0.5s ease;
}