/* ====================================
   COMPREHENSIVE COLOR SCHEME
   ==================================== */

/* Primary Brand Colors */
:root {
  /* Core Brand Colors */
  --primary-color: #002d62;
  --primary-hover: #eb6e1f;
  --primary-hover-dark: #d65a1a;
  --primary-darker: #001a3a;
  --primary-hover-darker: #b84a15;
  
  /* Text Colors */
  --text-on-primary: #ffffff;
  --text-on-primary-muted: rgba(255, 255, 255, 0.7);
  --text-on-primary-subtle: rgba(255, 255, 255, 0.6);
  
  /* Background Colors */
  --bg-primary-subtle: rgba(255, 255, 255, 0.1);
  --bg-primary-subtle-hover: rgba(255, 255, 255, 0.2);
  --bg-hover-light: rgba(235, 110, 31, 0.1);
  
  /* Border Colors */
  --border-primary: rgba(235, 110, 31, 0.2);
  --border-primary-light: rgba(235, 110, 31, 0.1);
  
  /* Status Colors */
  --success-color: #10b981;
  --warning-color: #f59e0b;
  --error-color: #ef4444;
  --info-color: #3b82f6;
  
  /* Gray Scale Colors */
  --gray-50: #f9fafb;
  --gray-100: #f3f4f6;
  --gray-200: #e5e7eb;
  --gray-300: #d1d5db;
  --gray-400: #9ca3af;
  --gray-500: #6b7280;
  --gray-600: #4b5563;
  --gray-700: #374151;
  --gray-800: #1f2937;
  --gray-900: #111827;
  
  /* Neutral Colors */
  --white: #ffffff;
  --black: #000000;
  --transparent: #0000;
  
  /* Message Specific Colors */
  --message-unread-bg: #fff6f6;
  
  /* Notification Colors */
  --notification-red: #ff0000;
  --notification-red-dark: #dc0000;
  --notification-red-darker: #b40000;
  --notification-red-darkest: #900000;
  --notification-red-shadow: rgba(139, 0, 0, 1);
  --notification-red-shadow-light: rgba(255, 0, 0, 0.4);
  --notification-red-glow: rgba(255, 0, 0, 0.8);
  --notification-red-inner: rgba(255, 0, 0, 0.3);
  
  /* Scrollbar Colors */
  --scrollbar-track: #002d62;
  --scrollbar-thumb: #d65a1a;
  --scrollbar-thumb-hover: #b84a15;
  --scrollbar-border: #001a3a;
  --scrollbar-light-track: #f3f4f6;
  --scrollbar-light-thumb: #d1d5db;
  --scrollbar-light-thumb-hover: #9ca3af;
  --scrollbar-light-border: #e5e7eb;
  --scrollbar-thin-thumb: rgba(214, 90, 26, 0.6);
  --scrollbar-thin-thumb-hover: rgba(214, 90, 26, 0.8);
  --scrollbar-thin-border: rgba(214, 90, 26, 0.3);
  
  /* DataTable Colors */
  --datatable-header: #002d62;
  --datatable-header-hover: #d65a1a;
  --datatable-row-hover: rgba(0, 45, 98, 0.05);
  --datatable-badge-bg: rgba(0, 45, 98, 0.1);
  --datatable-badge-text: #002d62;
  --datatable-unread-badge-bg: rgba(214, 90, 26, 0.15);
  --datatable-unread-badge-text: var(--primary-hover-dark);
  --datatable-action-btn: #002d62;
  --datatable-action-btn-hover: #d65a1a;
  --datatable-pagination-btn: rgba(0, 45, 98, 0.1);
  --datatable-pagination-btn-hover: #d65a1a;
  --datatable-pagination-btn-current: #002d62;
  --datatable-pagination-btn-current-text: #d65a1a;
  --datatable-search-focus: #002d62;
  --datatable-search-icon: #9ca3af;
  
  /* Form Colors */
  --form-input-border: #d1d5db;
  --form-input-text: #374151;
  --form-input-focus: #002d62;
  --form-input-placeholder: #9ca3af;
  
  /* Import Form Colors */
  --import-dropzone-hover: rgba(0, 45, 98, 0.05);
  --import-dropzone-active: rgba(0, 45, 98, 0.1);
  
  /* Shadow Colors */
  --shadow-black: rgba(0, 0, 0, 0.1);
  --shadow-black-light: rgba(0, 0, 0, 0.06);
  --shadow-black-medium: rgba(0, 0, 0, 0.25);
  --shadow-primary: rgba(0, 45, 98, 0.1);
  --shadow-primary-light: rgba(0, 45, 98, 0.04);
  
  /* Focus and Ring Colors */
  --focus-ring-primary: rgba(235, 110, 31, 0.1);
  --focus-ring-primary-strong: rgba(235, 110, 31, 0.3);
  
  /* Modal Colors */
  --modal-overlay: rgba(0, 0, 0, 0.7);
}