:root{
  /* Primary Brand Colors */
  --theme-color: #0d7377;
  --primary-color: #0d7377;
  --secondary-color: #14213d;
  --accent-color: #14a085;
  
  /* Text Colors */
  --text-color: #4a5568;
  --title-color: #14213d;
  --light-text: #718096;
  --dark-text: #2d3748;
  --white-text: #ffffff;
  
  /* Background Colors */
  --bg-light: #f7fafc;
  --bg-lighter: #ffffff;
  --bg-dark: #14213d;
  --bg-gradient: linear-gradient(135deg, #0d7377 0%, #14a085 100%);
  --bg-card: #ffffff;
  --bg-sidebar: #1a202c;
  
  /* Status Colors */
  --success-color: #10b981;
  --warning-color: #f59e0b;
  --danger-color: #ef4444;
  --info-color: #3b82f6;
  
  /* Border Colors */
  --border-light: #e2e8f0;
  --border-color: #cbd5e0;
  --border-dark: #2d3748;
  
  /* Button Colors */
  --btn-primary: #0d7377;
  --btn-primary-hover: #0a5d61;
  --btn-secondary: #14a085;
  --btn-secondary-hover: #0f7a6b;
  --btn-light: #f7fafc;
  --btn-dark: #14213d;
  
  /* Shadow Colors */
  --shadow-light: rgba(13, 115, 119, 0.1);
  --shadow-medium: rgba(13, 115, 119, 0.2);
  --shadow-dark: rgba(20, 33, 61, 0.3);
  
  /* Sidebar Colors */
  --sidebar-bg: #1a202c;
  --sidebar-item-hover: #2d3748;
  --sidebar-text: #a0aec0;
  --sidebar-text-active: #ffffff;
  --sidebar-border: #2d3748;
}