:root {
  /* Colors */
  --color-bg:           #F8F7F5;
  --color-surface:      #FFFFFF;
  --color-border:       #E5E3DF;
  --color-text:         #1A1917;
  --color-text-muted:   #6B6762;
  --color-accent:       #1A4D5C;
  --color-accent-dark:  #123540;
  --color-accent-light: #EAF3F5;
  --color-accent-mid:   #B0C9CF;

  /* Department badge colors */
  --badge-design-bg:        #FFF0E6;
  --badge-design-text:      #8B3A00;
  --badge-strategy-bg:      #EAF3F5;
  --badge-strategy-text:    #1A4D5C;
  --badge-engineering-bg:   #EEF0FF;
  --badge-engineering-text: #2D3A8C;
  --badge-production-bg:    #F0F7EE;
  --badge-production-text:  #2A6622;

  /* Spacing (base-4 rem scale) */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.25rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;

  /* Typography */
  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
  --font-size-sm:   0.875rem;
  --font-size-base: 1rem;
  --font-size-lg:   1.125rem;
  --font-size-xl:   1.25rem;
  --font-size-2xl:  1.5rem;
  --font-size-3xl:  1.875rem;
  --font-size-4xl:  2.25rem;
  --font-size-5xl:  3rem;
  --font-size-6xl:  3.75rem;

  /* Border radius */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-xl:   16px;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-card:       0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-card-hover: 0 8px 24px rgba(0, 0, 0, 0.10), 0 2px 6px rgba(0, 0, 0, 0.06);

  /* Transitions */
  --transition-base: 150ms ease;
  --transition-card: 200ms ease;
}