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

:root {
  /* Primary Colors */
  --primary-green: #2D7A4F;
  --primary-green-light: #4A9D6E;
  --primary-green-dark: #1F5A3A;
  --primary-green-accent: #6BC48A;

  /* Secondary Colors */
  --secondary-blue: #2563EB;
  --secondary-blue-light: #3B82F6;
  --secondary-blue-dark: #1E40AF;

  /* Neutral Colors (Dark Mode) */
  --background: #1A1A1A;
  --background-secondary: #2D2D2D;
  --background-tertiary: #404040;
  --text-primary: #FFFFFF;
  --text-secondary: #B0B0B0;
  --text-tertiary: #808080;
  --border: #404040;
  --border-focus: #4A9D6E;

  /* Status Colors */
  --success: #10B981;
  --warning: #F59E0B;
  --error: #EF4444;
  --info: #3B82F6;
  --pending: #F59E0B;
  --completed: #10B981;
  --to-do: #6C757D;

  /* Status Workflow Colors */
  --to-be-approached: #F59E0B;
  --loi-ok: #3B82F6;
  --in-progress: #8B5CF6;
  --completed: #10B981;
  --na: #9CA3AF;

  /* Spacing */
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-2xl: 48px;
  --spacing-3xl: 64px;
  --spacing-4xl: 96px;

  /* Typography */
  --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace;
}

body {
  font-family: var(--font-family);
  background-color: var(--background);
  color: var(--text-primary);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#root {
  min-height: 100vh;
}

/* Scrollbar styling */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: var(--background-secondary);
}

::-webkit-scrollbar-thumb {
  background: var(--background-tertiary);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--border);
}