:root {
  --its-font-size: 12px;
  --its-primary: #10b981;
  --its-primary-dark: #059669;
  --its-primary-light: rgba(16, 185, 129, 0.1);
  --its-bg: #ffffff;
  --its-surface: #f8fafc;
  --its-border: #e2e8f0;
  --its-text: #1e293b;
  --its-text-muted: #64748b;
  --its-radius-md: 4px;
  --its-radius-lg: 8px;
  --its-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --its-font: 'Helvetica', 'Arial', Sans-serif;
  --its-padding: 0.625rem;
  --its-font-weight-bold: 700;
  --its-gap-md: 1rem;
  --its-gap-lg: 1.5rem;
  --its-gap-sm: 0.375rem;
  --its-button-primary-bg: #94bb4c;
  --its-button-bg-secondary: #6c757d;
  --its-button-primary-color: #ffffff;
  --its-button-secondary-bg: #6c757d;
  --its-button-secondary-color: #ffffff;
  --its-button-success-bg: #198754;
  --its-button-success-color: #ffffff;
  --its-button-danger-bg: #dc3545;
  --its-button-danger-color: #ffffff;
  --its-button-warning-bg: #ffc107;
  --its-button-warning-color: #000000;
  --its-button-info-bg: #17a2b8;
  --its-button-info-color: #ffffff;
  --its-button-light-bg: #f8f9fa;
  --its-button-light-color: #000000;
  --its-button-dark-bg: #343a40;
  --its-button-dark-color: #ffffff;
}