/* colors.css - Color Variables */

/* ===== CSS CUSTOM PROPERTIES (VARIABLES) - OPTIMIZED ===== */
:root {
    /* Primary Colors - Used throughout */
    --primary-medium: #000;
    --primary-light: #ffffff;
    
    /* Grayscale - Only used values */
    --gray-900: #0a0a0a;
    
    /* Accent Colors - Only used values */
    --accent-success: #2ed573;
    
    /* Background Colors - Only used values */
    --bg-primary: #292929;
    --bg-secondary: rgba(0, 0, 0, 0.65);
    --bg-card: rgba(255, 255, 255, 0.1);
    
    /* Text Colors - Only used values */
    --text-primary: #fff;
    --text-secondary: #bfbfbf;
    --text-dark: #333333;
    
    /* Border Colors - Only used values */
    --border-primary: rgba(255, 255, 255, 0.1);
    --border-accent: var(--primary-medium);
    
    /* Shadow Colors - Only used values */
    --shadow-medium: rgba(0, 0, 0, 0.2);
    --shadow-glow: var(--primary-medium);
    
    /* Gradient Colors - Only used values */
    --gradient-grey: linear-gradient(135deg, #292929 0%, #868686 100%);
    
    /* Interactive States - Only used values */
    --hover-overlay: rgba(255, 255, 255, 0.1);
    --active-overlay: var(--primary-medium);
}


.navbar {
    background-color: var(--bg-secondary);
}