theme.css

:root {
    /* Color Palette */
    --primary-color: #2e7d32;
    --secondary-color: #388e3c;
    --accent-color: #6abf69;
    --success-color: #4caf50;
    --info-color: #2196f3;
    --warning-color: #ff9800;
    --danger-color: #f44336;
    --light-text: #757575;
    --dark-text: #212121;
  
    /* Spacing */
    --space-xs: 0.5rem;
    --space-sm: 1rem;
    --space-md: 1.5rem;
    --space-lg: 2rem;
  
    /* Shadows */
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.12);
    --shadow-md: 0 4px 6px rgba(0,0,0,0.16);
    --shadow-lg: 0 8px 24px rgba(0,0,0,0.2);
  }
  
  /* Global Components */
  .card {
    background: white;
    border-radius: 12px;
    border: none;
    box-shadow: var(--shadow-sm);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
  }
  
  .card:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
  }
  
  .btn-primary {
    background: var(--primary-color);
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
  }
  
  /* Add more global styles... */