.chart-theme-playful {
  --chart-font-display: 'Bricolage Grotesque', system-ui, sans-serif;
  --chart-font-body: 'DM Sans', system-ui, sans-serif;

  --chart-stage-bg: linear-gradient(145deg, rgba(247, 239, 223, 0.45), rgba(255, 255, 255, 0.65));

  --chart-header-bg: #fff3df;
  --chart-header-border: #e4bf7f;
  --chart-header-title: #4f3416;
  --chart-header-subtitle: #7a5934;
  --chart-header-badge: #9f4d2f;

  --chart-footer-bg: #f1f8eb;
  --chart-footer-border: #9bc38a;
  --chart-footer-text: #33522b;

  --chart-grid-border: #d8ccb7;
  --chart-grid-header-bg: #faf3e8;
  --chart-grid-alt-row: #fdf9f2;
  --chart-grid-inactive: #f8f2e8;
  --chart-grid-inactive-line: #c9b596;

  --chart-marker-color: #864b27;
  --chart-marker-weight: 2px;
  --chart-marker-bg: #f7d7ba;
}