/* themes/bubblegum/theme.css — Cartoon / Pastel / Playful */

body.theme-bubblegum {
  --bg-page: #fff9f0;
  --bg-card: #ffffff;
  --bg-navbar: #ffffff;
  --bg-hero: #fff0f5;
  --bg-footer: #ffe8f0;
  --bg-section-label: #ffe8f5;
  --text-primary: #2d1b4e;
  --text-secondary: #6b5b8a;
  --text-muted: #a897c5;
  --text-logo: #2d1b4e;
  --accent: #ff6b9d;
  --accent-2: #ffd166;
  --border-color: #f5c0d8;
  --border-card: transparent;
  --shadow-card:
    0 4px 14px rgba(255, 107, 157, 0.15), 0 1px 4px rgba(0, 0, 0, 0.06);
  --shadow-card-hover:
    0 8px 28px rgba(255, 107, 157, 0.25), 0 3px 8px rgba(0, 0, 0, 0.08);
  --badge-bg: #ffe0ee;
  --badge-color: #d63a7b;
  --pill-bg: #ffe0ee;
  --pill-color: #d63a7b;
  --cat-pill-bg: #fff0f8;
  --cat-pill-color: #6b5b8a;
  --cat-pill-active-bg: #ff6b9d;
  --cat-pill-active-color: #ffffff;
  --dropdown-bg: #ffffff;
  --dropdown-text: #2d1b4e;
  --dropdown-hover: #fff0f8;
  --theme-btn-bg: #ffe0ee;
  --theme-btn-color: #d63a7b;
  --hero-eyebrow: #ff6b9d;
  --hero-accent: #ffd166;
  --hero-tag-bg: #ffe0ee;
  --hero-tag-color: #d63a7b;
  --section-icon-color: #ff6b9d;
  --font-family: 'Nunito', system-ui, sans-serif;
  --card-radius: 20px;
  --card-border-width: 3px;
  --card-border-style: solid;
}

.swatch-bubblegum {
  background: linear-gradient(135deg, #ff6b9d 50%, #ffd166 50%);
}

/* Bubblegum: colourful left-border accent per nth-child cycle */
body.theme-bubblegum .chart-card-wrapper:nth-child(5n + 1) .chart-card {
  border-color: #ff6b9d;
}
body.theme-bubblegum .chart-card-wrapper:nth-child(5n + 2) .chart-card {
  border-color: #ffd166;
}
body.theme-bubblegum .chart-card-wrapper:nth-child(5n + 3) .chart-card {
  border-color: #06d6a0;
}
body.theme-bubblegum .chart-card-wrapper:nth-child(5n + 4) .chart-card {
  border-color: #118ab2;
}
body.theme-bubblegum .chart-card-wrapper:nth-child(5n + 5) .chart-card {
  border-color: #ff6b6b;
}

/* Bubblegum: playful card hover wobble */
body.theme-bubblegum .chart-card:hover {
  transform: translateY(-4px) rotate(0.3deg);
}

/* Bubblegum: title letter-spacing reset */
body.theme-bubblegum .chart-card-title {
  letter-spacing: 0;
}
body.theme-bubblegum .hero-title {
  letter-spacing: -0.01em;
}