:root,
[data-mint-design="playful-badge-neo-retro"] {
  color-scheme: light;
  --mint-ivory: #f8fbff;
  --mint-carbon: #111827;
  --mint-graphite: #263243;
  --mint-green: #16785c;
  --mint-green-mid: #1d9875;
  --mint-green-light: #e1f5ee;
  --mint-blue: #2563eb;
  --mint-blue-light: #e7efff;
  --mint-warm: #eef2f7;
  --mint-warm-2: #cfd8e3;
  --mint-muted: #6b7280;
  --mint-coral: #d15d45;
  --mint-amber: #b7791f;
  --white: #ffffff;
  --line: rgba(17, 24, 39, 0.12);
  --line-strong: rgba(17, 24, 39, 0.22);
  --shadow: 7px 7px 0 rgba(17, 24, 39, 0.88);
  --radius: 6px;
  --mint: var(--mint-green);
  --mint-dark: var(--mint-green-mid);
  --mint-light: var(--mint-green-light);
  --navy: var(--mint-carbon);
  --navy-mid: var(--mint-graphite);
  --slate: var(--mint-muted);
  --muted: var(--mint-muted);
  --border: var(--line);
  --bg: var(--mint-ivory);
  --panel: var(--white);
  --text: var(--mint-carbon);
  --accent: var(--mint-green);
  --accent-strong: var(--mint-blue);
}

[data-mint-palette="neo-retro-local"] {
  --mint-ivory: #fff4d8;
  --mint-carbon: #1d1b16;
  --mint-graphite: #332d24;
  --mint-green: #0f7b59;
  --mint-green-mid: #159f75;
  --mint-green-light: #d9f2d3;
  --mint-blue: #2457d6;
  --mint-blue-light: #d9e4ff;
  --mint-warm: #f0ddac;
  --mint-warm-2: #d6b973;
  --mint-muted: #6d5940;
  --mint-coral: #e64f2e;
  --mint-amber: #d69a00;
}

[data-mint-palette="paper-ink"] {
  --mint-ivory: #fffaf0;
  --mint-carbon: #17130f;
  --mint-graphite: #2d2720;
  --mint-green: #28634d;
  --mint-green-mid: #347d62;
  --mint-green-light: #e4f2e6;
  --mint-blue: #3157b7;
  --mint-blue-light: #e4ebff;
  --mint-warm: #f1dfba;
  --mint-warm-2: #d7bd83;
  --mint-muted: #716454;
  --mint-coral: #c9563d;
  --mint-amber: #b88416;
}

[data-mint-palette="mint-night"] {
  color-scheme: dark;
  --mint-ivory: #0f1412;
  --mint-carbon: #f6f3ea;
  --mint-graphite: #ddd6c8;
  --mint-green: #64d6a2;
  --mint-green-mid: #7ee8b8;
  --mint-green-light: #17382a;
  --mint-blue: #7aa2ff;
  --mint-blue-light: #18264a;
  --mint-warm: #242821;
  --mint-warm-2: #343a30;
  --mint-muted: #a8a29a;
  --mint-coral: #ff785a;
  --mint-amber: #f7c95f;
  --white: #171923;
  --line: rgba(255, 255, 255, 0.12);
  --line-strong: rgba(255, 255, 255, 0.24);
  --shadow: 7px 7px 0 rgba(0, 0, 0, 0.82);
}