/* themes/material3dark/theme.css — Google Material You, Dynamic Color Dark */

body.theme-material3dark {
  --bg-page: #1c1b1f;
  --bg-card: #28272c;
  --bg-navbar: rgba(28, 27, 31, 0.92);
  --bg-hero: #201f24;
  --bg-footer: #201f24;
  --bg-section-label: #28272c;
  --text-primary: #e6e1e5;
  --text-secondary: #cac4d0;
  --text-muted: #938f99;
  --text-logo: #d0bcff;
  --accent: #d0bcff;
  --accent-2: #f2b8b5;
  --border-color: #49454f;
  --border-card: #302d38;
  --shadow-card: 0 1px 4px rgba(0, 0, 0, 0.6);
  --shadow-card-hover: 0 4px 16px rgba(208, 188, 255, 0.25);
  --badge-bg: #28272c;
  --badge-color: #d0bcff;
  --pill-bg: #302d38;
  --pill-color: #cac4d0;
  --cat-pill-bg: #28272c;
  --cat-pill-color: #cac4d0;
  --cat-pill-active-bg: #d0bcff;
  --cat-pill-active-color: #381e72;
  --dropdown-bg: #28272c;
  --dropdown-text: #e6e1e5;
  --dropdown-hover: #302d38;
  --theme-btn-bg: #28272c;
  --theme-btn-color: #cac4d0;
  --hero-eyebrow: #d0bcff;
  --hero-accent: #f2b8b5;
  --hero-tag-bg: #302d38;
  --hero-tag-color: #d0bcff;
  --section-icon-color: #d0bcff;
  --font-family: 'Roboto', system-ui, sans-serif;
  --card-radius: 16px;
  --card-border-width: 1px;
  --card-border-style: solid;
}

.swatch-material3dark {
  background: linear-gradient(135deg, #d0bcff 50%, #1c1b1f 50%);
}

body.theme-material3dark ::-webkit-scrollbar {
  width: 8px;
}
body.theme-material3dark ::-webkit-scrollbar-track {
  background: #1c1b1f;
}
body.theme-material3dark ::-webkit-scrollbar-thumb {
  background: #49454f;
  border-radius: 4px;
}
body.theme-material3dark ::-webkit-scrollbar-thumb:hover {
  background: #625b71;
}

body.theme-material3dark .chart-card:hover {
  border-color: #d0bcff;
}