.cf-app[data-theme="royal-dusk"] {
  color-scheme: dark;
  --cf-canvas: #312c51;
  --cf-shell: #383258;
  --cf-surface: #48426d;
  --cf-surface-raised: #574f7c;
  --cf-surface-soft: #3c365f;
  --cf-border: #6a628f;
  --cf-text: #fff9f3;
  --cf-text-muted: #d6cee4;
  --cf-action: #f0c38e;
  --cf-action-hover: #ffd4a4;
  --cf-on-action: #312c51;
  --cf-accent-secondary: #f1aa9b;
  --cf-focus: #ffe1b8;
  --cf-overlay: rgb(24 20 43 / 88%);
  --cf-success: #79d9a6;
  --cf-warning: #ffcb77;
  --cf-danger: #ff9999;
  --cf-info: #91caff;
  --cf-skeleton: #5b537f;
  --cf-chart-grid: #746c98;
  --cf-chart-1: #f0c38e;
  --cf-chart-2: #f1aa9b;
}