.cf-app[data-theme="tropical-grove"] {
  color-scheme: dark;
  --cf-canvas: #0c3b2e;
  --cf-shell: #0a3328;
  --cf-surface: #104c3b;
  --cf-surface-raised: #185d49;
  --cf-surface-soft: #235f4b;
  --cf-border: #4f8065;
  --cf-text: #f7fff8;
  --cf-text-muted: #bdd3c2;
  --cf-action: #ffba00;
  --cf-action-hover: #ffc633;
  --cf-on-action: #0c3b2e;
  --cf-accent-secondary: #b46617;
  --cf-focus: #ffda73;
  --cf-overlay: rgb(3 24 18 / 88%);
  --cf-success: #8bd3a1;
  --cf-warning: #ffba00;
  --cf-danger: #ff9b88;
  --cf-info: #8fc8ff;
  --cf-skeleton: #2c6b55;
  --cf-chart-grid: #5a876d;
  --cf-chart-1: #ffba00;
  --cf-chart-2: #d8872a;
}