:root {
  /* === Brand (teal) === */
  --color-primary:        #00796B;
  --color-primary-hover:  #00695C;
  --color-primary-light:  #E0F2F1;

  /* === Surfaces === */
  --color-bg:             #F8FAFC;
  --color-surface:        #FFFFFF;
  --color-surface-alt:    #F1F5F9;
  --color-border:         #E2E8F0;

  /* === Sidebar === */
  --color-sidebar-bg:        #0D2B3A;
  --color-sidebar-surface:   #163344;
  --color-sidebar-border:    #1E3D50;
  --color-sidebar-text:      #94A3B8;
  --color-sidebar-text-active: #FFFFFF;
  --color-sidebar-active-bg: rgba(0,155,141,0.22);
  --color-sidebar-hover:     rgba(255,255,255,0.06);
  --color-sidebar-meta:      #94A3B8;

  /* === Text === */
  --color-text-primary:   #191b22;
  --color-text-secondary: #434653;
  --color-text-muted:     #596579;

  /* === Status === */
  --color-success:        #166534;
  --color-success-light:  #DCFCE7;
  --color-warning:        #854D0E;
  --color-warning-light:  #FEF9C3;
  --color-danger:         #991B1B;
  --color-danger-light:   #FEE2E2;
  --color-info:           #155E75;
  --color-info-light:     #CFFAFE;

  /* === Spacing === */
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px;
  --space-5:20px; --space-6:24px; --space-8:32px; --space-10:40px;

  /* === Radius === */
  --radius-sm:6px; --radius-md:10px; --radius-lg:14px; --radius-xl:20px;

  /* === Shadows === */
  --shadow-card:     0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
  --shadow-dropdown: 0 4px 12px rgba(0,0,0,0.10);
  --shadow-modal:    0 8px 32px rgba(0,0,0,0.14);

  /* === Typography === */
  --font-sans:    'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-heading: 'Manrope', -apple-system, BlinkMacSystemFont, sans-serif;

  /* Bootstrap overrides */
  --bs-primary:       #00796B;
  --bs-primary-rgb:   0, 121, 107;
  --bs-link-color:    #0A58CA;
  --bs-link-color-rgb: 10, 88, 202;
  --bs-link-hover-color: #084298;
  --bs-link-hover-color-rgb: 8, 66, 152;
  --bs-body-bg:       #F8FAFC;
  --bs-body-color:    #191b22;
  --bs-border-color:  #E2E8F0;
  --bs-border-radius: 6px;
}