/*
====================================================
VoteMVP Color Theme Variables
====================================================
New color palette based on vote_mvp_color_scheme_update.md
*/

:root {
    /* Primary Colors */
    --color-primary-500: #123857; /* Blue-Deep - Buttons, active icons, links, headers */
    --color-primary-700: #0e2a42; /* Darker shade for hover states */
    --color-primary-400: #1f4a6b; /* Lighter shade for subtle variations */
    /* Accent Colors */
    --color-accent-500: #C43F32; /* Red-Fire - Vote buttons, emphasis text, active highlights */
    --color-accent-700: #9a2f25; /* Darker red for hover states */
    --color-accent-400: #d85a4e; /* Lighter red for subtle variations */
    --color-accent-green: #4DD21D;
    /* Neutral Colors */
    --color-surface-0: #FFFFFF; /* White - Backgrounds, card surfaces */
    --color-surface-50: #F5F8FA; /* Gray-Lite - Section containers, muted areas, input backgrounds */
    /* Section & Layout Colors */
    --color-section-header-bg: #EAF0F7; /* Blue-Lite - Section headers / callouts */
    --color-badge-bg: #D9E3ED; /* Blue-Warm - Role badges */
    /* Text Colors */
    --color-text-label: #555F6D; /* Gray-Mid - Labels, descriptions */
    --color-text-input: #2D2D2D; /* Gray-Dark - Form fields, body text */
    --color-text-muted: #6B7280; /* Muted / Secondary text */
    --color-text-header: #123857; /* Blue-Deep - Headers */
    /* Status Colors */
    --color-success-500: #28A745; /* Green - Confirmation badges, votes cast success */
    --color-error-500: #E02E2E; /* Red-Alert - Validation errors, delete actions */
    /* Border Colors */
    --color-border-default: #E5E7EB; /* Standard border color */
    --color-border-lightcontent: #E5E7EB; /* Standard border color */
    --color-border-dashed: #C0C8D0; /* Dashed border for empty states */
    /* Z-Index Hierarchy */
    --z-base: 0;
    --z-dropdown: 1000; /* Dropdowns, popovers */
    --z-sidebar: 1020;
    --z-navbar: 1030;
    --z-modal-backdrop: 1050; /* Modal backdrop/overlay */
    --z-modal: 1051; /* Modal dialog */
    --z-toast: 1055; /* Toast messages - above modals */
    --z-tooltip: 1070; /* Tooltips - highest priority */
    --z-confetti: 1900;
    --z-intro-sequence: 2000;
    --z-award-reveal: 2000;
    /* Font Families */
    --font-heading: 'Oswald', Arial, sans-serif;
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-system: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
    /* Voting & Award UI — Official Purple Gradient */
    --color-purple-start: #667eea;
    --color-purple-end: #764ba2;
    --gradient-purple: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    /* Special Colors & Stage Gradients */
    --color-gold: #ffd700; /* Award winner highlights */
    --gradient-dark-stage: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
    --gradient-winner-stage: linear-gradient(135deg, #0f3460 0%, #1e5a8e 100%);
    /* Animation Timing */
    --duration-fast: 150ms;
    --duration-normal: 200ms;
    --duration-slow: 300ms;
    --duration-slower: 800ms;
    --duration-dramatic: 2000ms;
    --easing-standard: cubic-bezier(0.4, 0, 0.2, 1);
    /* Legacy variable mappings for backward compatibility */
    --color-secondary-500: #123857; /* Maps to Blue-Deep */
}

/* Override Bootstrap variables where needed */
:root {
    --bs-primary: var(--color-primary-500);
    --bs-danger: var(--color-error-500);
    --bs-success: var(--color-success-500);
    --bs-secondary: var(--color-text-label);
    --bs-border-color: var(--color-border-dashed);
    --bs-body-color: var(--color-text-input);
    --bs-form-check-bg: var(--color-border-dashed);
    /*    --bs-btn-disabled-border-color: null;
    --bs-btn-disabled-bg:null;*/
}

/* Typography Updates */
h1, h2, h3, h4, h5, h6 {
  color: var(--color-text-header);
  font-family: 'Oswald', Arial, sans-serif;
  font-weight: 600;
}

body {
  color: var(--color-text-input);
}

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