/* ==========================================================================
   JUNINOPRO - BASE & VARIABLES
   ========================================================================== */

:root {
    --bg-dark-primary: #0a192f;
    --bg-dark-secondary: #172a45;
    --card-bg: #1b263b;
    --accent-yellow: #FFD54F;
    --accent-green: #28a745;
    --accent-red: #dc3545;
    --accent-blue: #3498db;
    --accent-orange: #f39c12;
    --status-success: #00c853;
    --status-warning: #ffc107;
    --status-danger: #dc3545;
    --text-primary: #ccd6f6;
    --text-secondary: #a8b2d1;
    --text-muted: #94a1b2;
    /* Brighter than #8892b0 for better contrast */
    --text-label: rgba(204, 214, 246, 0.9);
    --border-color: rgba(136, 146, 176, 0.2);
    --border-alpha: rgba(255, 255, 255, 0.08);
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.2);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.15);
    --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.5);
    --gradient-card: linear-gradient(145deg, rgba(23, 42, 69, 0.7) 0%, rgba(23, 42, 69, 0.85) 100%);
    --gradient-success: linear-gradient(135deg, #28a745 0%, #218838 100%);
    --gradient-warning: linear-gradient(135deg, #ffc107 0%, #e0a800 100%);
    --gradient-danger: linear-gradient(135deg, #dc3545 0%, #c82333 100%);
    --gradient-primary: linear-gradient(135deg, #3498db 0%, #2980b9 100%);
    --neon-green: #39FF14;
    --neon-glow: 0 0 15px rgba(57, 255, 20, 0.4);
}

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

body {
    background-color: var(--bg-dark-primary) !important;
    color: var(--text-primary);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    min-height: 100vh;
    overflow-x: hidden;
    padding-bottom: 70px;
    /* Space for footer */
}

/* Fallback dark background for specific bodies */
body.bg-votacao,
body.bg-admin,
body.bg-presidente,
body.bg-fiscal {
    background-color: var(--bg-dark-primary);
}

/* Scrollbar Style */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: var(--bg-dark-primary);
}

::-webkit-scrollbar-thumb {
    background: var(--bg-dark-secondary);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--border-color);
}