:root {
  /* Layout Backgrounds */
  --bg: #FFFFFF; 
  --surface: #FFFFFF;
  --surface2: #FFFFFF;
  
  /* Borders and Text */
  --border: #E5E7EB;
  --text: #111827;
  --muted: #6B7280;
  
  /* Brand Colors */
  --green: #168A45;
  --green-hover: #127238;
  --green-light: #EAF7EF;
  
  --orange: #F58220;
  --orange-hover: #D9701A;
  --orange-light: #FFF3E8;
  
  /* Semantic priority colors */
  --critical: #dc2626; /* Red for critical */
  --high: #F58220;
  --medium: #168A45;
  --low: #6B7280;
  
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background-color: var(--bg);
  color: var(--text);
  line-height: 1.5;
  height: 100vh;
  overflow: hidden; /* App container handles scrolling */
}

button {
  font-family: inherit;
  border: none;
  background: none;
  cursor: pointer;
}