/* === Cell Culture Cost Optimizer — Design Tokens === */
:root {
  /* Scientific palette — muted, professional */
  --bg-primary: #f8f9fa;
  --bg-secondary: #ffffff;
  --bg-tertiary: #f1f3f5;
  --bg-accent: #f0eef5;
  
  --text-primary: #2b2d42;
  --text-secondary: #555b6e;
  --text-tertiary: #8d93a5;
  --text-inverse: #ffffff;
  
  --accent: #6c63a0;
  --accent-light: #8b83b8;
  --accent-lighter: #e8e4f0;
  --accent-dark: #4a4478;
  
  --success: #4a9e7e;
  --success-light: #e8f5ef;
  --warning: #c4953a;
  --warning-light: #fdf3e0;
  --danger: #b85450;
  --danger-light: #fce8e7;
  --info: #5b8db8;
  --info-light: #e8f0f8;
  
  --border: #e2e4e9;
  --border-light: #eef0f3;
  --border-accent: #d4d0e4;
  
  --shadow-sm: 0 1px 3px rgba(43,45,66,0.06);
  --shadow-md: 0 2px 8px rgba(43,45,66,0.08);
  --shadow-lg: 0 4px 16px rgba(43,45,66,0.10);
  
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  
  --font-mono: 'SF Mono', 'Fira Code', 'Consolas', monospace;
  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
  
  --sidebar-width: 240px;
  --header-height: 56px;
  
  --transition: 0.2s ease;
}