/* 
 * Centralized Color Variables
 * Matches Flutter app design: black + #DC2626 red
 */

:root {
    /* Primary Colors - Matching Flutter App */
    --primary-black: #000000;
    --primary-red: #DC2626;
    --primary-white: #FFFFFF;
    
    /* Main Gradients - Updated to use primary colors */
    --gradient-primary: linear-gradient(135deg, var(--primary-black) 0%, var(--primary-red) 100%);
    --gradient-primary-light: linear-gradient(135deg, #333333 0%, #EF4444 100%);
    --gradient-success: linear-gradient(135deg, #059669 0%, #10B981 100%);
    --gradient-warning: linear-gradient(135deg, #D97706 0%, #F59E0B 100%);
    --gradient-info: linear-gradient(135deg, #0284C7 0%, #06B6D4 100%);
    
    /* Status Colors */
    --success-color: #10B981;
    --warning-color: #F59E0B;
    --danger-color: var(--primary-red);
    --info-color: #06B6D4;
    
    /* Background Colors */
    --bg-light: #F8F9FA;
    --bg-white: #FFFFFF;
    --bg-gray-100: #F3F4F6;
    --bg-gray-200: #E5E7EB;
    
    /* Text Colors */
    --text-primary: #111827;
    --text-secondary: #6B7280;
    --text-muted: #9CA3AF;
    --text-white: #FFFFFF;
    
    /* Border Colors */
    --border-light: #E5E7EB;
    --border-gray: #D1D5DB;
    --border-primary: var(--primary-red);
    
    /* Badge Colors */
    --badge-success: var(--success-color);
    --badge-warning: var(--warning-color);
    --badge-linked: var(--success-color);
    --badge-unlinked: var(--warning-color);
    --badge-sold: var(--success-color);
    --badge-available: var(--warning-color);
    
    /* Card Colors */
    --card-bg: var(--bg-white);
    --card-border: var(--border-light);
    --card-shadow: 0 0.15rem 1.75rem 0 rgba(0, 0, 0, 0.1);
    
    /* Sidebar Colors */
    --sidebar-bg: var(--gradient-primary);
    --sidebar-text: rgba(255, 255, 255, 0.8);
    --sidebar-text-active: var(--text-white);
    --sidebar-hover-bg: rgba(255, 255, 255, 0.2);
    
    /* Button Colors */
    --btn-primary-bg: var(--gradient-primary);
    --btn-primary-text: #FFFFFF;
    --btn-success-bg: var(--gradient-success);
    --btn-warning-bg: var(--gradient-warning);
    --btn-info-bg: var(--gradient-info);
    
    /* Form Colors */
    --form-control-border: var(--border-gray);
    --form-control-focus-border: var(--primary-red);
    --form-control-focus-shadow: 0 0 0 0.2rem rgba(220, 38, 38, 0.25);
    
    /* Stats Card Colors */
    --stats-primary-border: var(--primary-red);
    --stats-success-border: var(--success-color);
    --stats-warning-border: var(--warning-color);
    --stats-info-border: var(--info-color);
    
    /* Hover Effects */
    --hover-transform: translateY(-2px);
    --hover-shadow: 0 8px 25px rgba(220, 38, 38, 0.3);
    
    /* Pagination Colors */
    --pagination-bg: var(--bg-light);
    --pagination-text: var(--text-secondary);
    --pagination-active-bg: var(--gradient-primary);
    --pagination-active-text: var(--text-white);
    --pagination-hover-bg: var(--gradient-primary);
    --pagination-disabled-bg: #E9ECEF;
    --pagination-disabled-text: #ADB5BD;
}