:root {
  --background-color: #f8f9fa;
  --card-background-color: #ffffff;
  --form-background-color: #ffffff;
  --text-color: #212529;
  --text-color-secondary: #6c757d;
  --primary-color: #68ad18;
  --error-color: #dc3545;
  --error-color-hover: #bb2d3b;
  --primary-focus-color: rgba(132, 204, 22, 0.2);
  --error-focus-color: rgba(220, 53, 69, 0.2);
  --border-color: #dee2e6;
  --input-border-color: #ced4da;
  --input-background-color: #ffffff;
  --input-placeholder-color: #adb5bd;
  --button-disabled-background: #e9ecef;
  --button-disabled-color: #adb5bd;
  --button-enabled-background: var(--primary-color);
  --button-enabled-color: #ffffff;

  --button-secondary-background: #e9ecef;
  --button-secondary-color: #212529;

  --logo-placeholder-bg: #e9ecef;
  --logo-color: #262626;
  --container-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.05);
  --card-shadow: 0 4px 12px rgba(0, 0, 0, 0.07);

  --badge-active-color: #198754;
  --badge-active-bg: rgba(25, 135, 84, 0.15);
  --badge-active-border: rgba(25, 135, 84, 0.35);
  --badge-pending-color: #9a6700;
  --badge-pending-bg: rgba(200, 150, 0, 0.15);
  --badge-pending-border: rgba(200, 150, 0, 0.35);
}

.dark {
  display: none;
}