:root {
  --primary: #1d4d4f;
  --secondary: #ff9549;
  --accent: #ff9549;
  --color-primary: #1d4d4f;
  --color-bg-primary: #f8f9fa;
  --color-bg-secondary: #ffffff;
  --color-text-primary: #153a3b;
  --color-text-secondary: #2c3e40;
  --color-text-muted: rgba(29, 77, 79, 0.6);
  --color-border-primary: rgba(29, 77, 79, 0.1);
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-xl: 40px;
  --shadow-card: 0 10px 30px rgba(29, 77, 79, 0.08);
  --shadow-premium: 0 20px 50px rgba(29, 77, 79, 0.12);
  --transition-fast: 0.2s ease;
  --transition-med: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  --z-header: 1000;
  --z-dropdown: 1010;
  --z-toast: 9999;
  --container-max: 1240px;
  --font-body: "Cairo", system-ui, sans-serif;
}

.workforce-main {
  flex: 1;
  animation: fadeInUp 0.5s ease-out both;
}