/* ========================================
   UNIFIED COLOR PALETTE
   Delivery Management System
   ======================================== */

:root {
    /* Primary Brand Colors */
    --primary-color: #398b6c;
    --primary-dark: #5ad893;
    --primary-light: #7ce8bb;
    --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    
    /* Secondary Colors */
    --secondary-color: #6c757d;
    --secondary-dark: #545862;
    --secondary-light: #adb5bd;
    
    /* Success Colors */
    --success-color: #28a745;
    --success-dark: #218838;
    --success-light: #40c057;
    --success-bg: #d1f2eb;
    --success-border: #6dd3a0;
    
    /* Warning Colors */
    --warning-color: #ffc107;
    --warning-dark: #e0a800;
    --warning-light: #ffcd39;
    --warning-bg: #fff3cd;
    --warning-border: #ffeaa7;
    
    /* Danger Colors */
    --danger-color: #dc3545;
    --danger-dark: #c82333;
    --danger-light: #f86674;
    --danger-bg: #f8d7da;
    --danger-border: #f56c6c;
    
    /* Info Colors */
    --info-color: #17a2b8;
    --info-dark: #138496;
    --info-light: #3dd5f3;
    --info-bg: #cce5ff;
    --info-border: #74c0fc;
    
    /* Neutral Colors */
    --white: #ffffff;
    --light-gray: #f8f9fa;
    --gray-100: #e9ecef;
    --gray-200: #dee2e6;
    --gray-300: #ced4da;
    --gray-400: #adb5bd;
    --gray-500: #6c757d;
    --gray-600: #495057;
    --gray-700: #343a40;
    --gray-800: #2c3e50;
    --gray-900: #212529;
    --black: #000000;
    
    /* Background Colors */
    --bg-primary: var(--light-gray);
    --bg-secondary: var(--white);
    --bg-accent: var(--primary-color);
    
    /* Text Colors */
    --text-primary: var(--gray-800);
    --text-secondary: var(--gray-600);
    --text-muted: var(--gray-500);
    --text-light: var(--white);
    
    /* Border Colors */
    --border-light: var(--gray-100);
    --border-medium: var(--gray-200);
    --border-dark: var(--gray-300);
    
    /* Shadow Colors */
    --shadow-light: rgba(0, 0, 0, 0.05);
    --shadow-medium: rgba(0, 0, 0, 0.1);
    --shadow-dark: rgba(0, 0, 0, 0.15);
    --shadow-hover: rgba(0, 0, 0, 0.2);
    
    /* Status Colors - Unified */
    --status-pending-bg: var(--warning-bg);
    --status-pending-text: var(--warning-dark);
    --status-pending-border: var(--warning-border);
    
    --status-processing-bg: var(--info-bg);
    --status-processing-text: var(--info-dark);
    --status-processing-border: var(--info-border);
    
    --status-completed-bg: var(--success-bg);
    --status-completed-text: var(--success-dark);
    --status-completed-border: var(--success-border);
    
    --status-cancelled-bg: var(--danger-bg);
    --status-cancelled-text: var(--danger-dark);
    --status-cancelled-border: var(--danger-border);
    
    /* Card & Component Colors */
    --card-bg: var(--white);
    --card-border: var(--border-light);
    --card-shadow: 0 5px 15px var(--shadow-light);
    --card-shadow-hover: 0 10px 30px var(--shadow-medium);
    
    /* Button Colors */
    --btn-primary-bg: var(--primary-color);
    --btn-primary-hover: var(--primary-dark);
    --btn-primary-text: var(--white);
    
    --btn-secondary-bg: var(--gray-400);
    --btn-secondary-hover: var(--gray-500);
    --btn-secondary-text: var(--white);
    
    --btn-success-bg: var(--success-color);
    --btn-success-hover: var(--success-dark);
    --btn-success-text: var(--white);
    
    --btn-danger-bg: var(--danger-color);
    --btn-danger-hover: var(--danger-dark);
    --btn-danger-text: var(--white);
    
    /* Avatar Colors */
    --avatar-bg: var(--primary-color);
    --avatar-text: var(--white);
    
    /* Form Colors */
    --input-bg: var(--white);
    --input-border: var(--border-medium);
    --input-focus-border: var(--primary-color);
    --input-text: var(--text-primary);
    
    /* Header Colors */
    --header-bg: var(--primary-gradient);
    --header-text: var(--white);
    
    /* Sidebar Colors */
    --sidebar-bg: linear-gradient(180deg, var(--gray-800) 0%, var(--gray-700) 100%);
    --sidebar-text: rgba(255, 255, 255, 0.8);
    --sidebar-text-hover: var(--white);
    --sidebar-accent: var(--primary-color);
    
    /* Table Colors */
    --table-header-bg: var(--light-gray);
    --table-header-text: var(--text-primary);
    --table-border: var(--border-light);
    --table-hover-bg: var(--light-gray);
    
    /* Spacing */
    --border-radius-sm: 6px;
    --border-radius: 10px;
    --border-radius-lg: 15px;
    --border-radius-xl: 25px;
    --border-radius-full: 50px;
    
    /* Transitions */
    --transition-fast: 0.15s ease;
    --transition-normal: 0.3s ease;
    --transition-slow: 0.5s ease;
}