:root {
  --color-primary:     #185FA5;
  --color-secondary:   #1D9E75;
  --color-accent:      #5DCAA5;
  --color-light-blue:  #B5D4F4;
  --color-bg:          #F8FAFB; /* Soft blue-gray for main background */
  --color-panel-bg:    #F4F7FB; /* Very light background for panel outer area */
  --color-white:       #FFFFFF;
  --color-text:        #2C2C2A;
  --color-text-muted:  #6B7280;
  --color-border:      #E5E7EB;
  --color-sidebar:     #0B1624; /* Deep dark blue for sidebar */
  --color-sidebar-hover: rgba(255, 255, 255, 0.1);

  --font-family: 'Poppins', sans-serif;

  --radius: 12px;
  --radius-sm: 8px;
  --radius-lg: 16px;

  --container-width: 1160px;
  --sidebar-width: 260px;
  --sidebar-collapsed-width: 80px;

  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 48px;
  --space-6: 64px;
  --space-7: 96px;

  --shadow-xs: 0 1px 2px rgba(24, 43, 68, 0.05);
  --shadow-sm: 0 2px 8px rgba(24, 43, 68, 0.06);
  --shadow-md: 0 8px 24px rgba(24, 43, 68, 0.10);
  --shadow-lg: 0 20px 48px rgba(24, 43, 68, 0.14);
  --shadow-soft: 0 4px 20px rgba(0, 0, 0, 0.04); /* Premium soft shadow */
  --shadow-primary: 0 10px 24px rgba(24, 95, 165, 0.22);
  --shadow-secondary: 0 10px 24px rgba(29, 158, 117, 0.24);

  --gradient-primary: linear-gradient(135deg, #185FA5 0%, #123f70 100%);
  --gradient-secondary: linear-gradient(135deg, #1D9E75 0%, #14785a 100%);
  --gradient-accent: linear-gradient(135deg, #5DCAA5 0%, #1D9E75 100%);

  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --transition-fast: 0.2s var(--ease);
  --transition-base: 0.35s var(--ease);
}