/* themes/material3light/theme.css — Google Material You, Dynamic Color Light */

body.theme-material3light {
  --bg-page: #fffbfe;
  --bg-card: #fffbfe;
  --bg-navbar: rgba(255, 251, 254, 0.92);
  --bg-hero: #f4eff4;
  --bg-footer: #ece6f0;
  --bg-section-label: #f4eff4;
  --text-primary: #1c1b1f;
  --text-secondary: #49454f;
  --text-muted: #79747e;
  --text-logo: #6750a4;
  --accent: #6750a4;
  --accent-2: #b4261e;
  --border-color: #cac4d0;
  --border-card: #e6e1e5;
  --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-card-hover:
    0 4px 12px rgba(103, 80, 164, 0.18), 0 2px 4px rgba(0, 0, 0, 0.06);
  --badge-bg: #f4eff4;
  --badge-color: #6750a4;
  --pill-bg: #ece6f0;
  --pill-color: #49454f;
  --cat-pill-bg: #f4eff4;
  --cat-pill-color: #49454f;
  --cat-pill-active-bg: #6750a4;
  --cat-pill-active-color: #ffffff;
  --dropdown-bg: #fffbfe;
  --dropdown-text: #1c1b1f;
  --dropdown-hover: #f4eff4;
  --theme-btn-bg: #f4eff4;
  --theme-btn-color: #49454f;
  --hero-eyebrow: #6750a4;
  --hero-accent: #b4261e;
  --hero-tag-bg: #ece6f0;
  --hero-tag-color: #6750a4;
  --section-icon-color: #6750a4;
  --font-family: 'Roboto', system-ui, sans-serif;
  --card-radius: 16px;
  --card-border-width: 1px;
  --card-border-style: solid;
}

.swatch-material3light {
  background: linear-gradient(135deg, #6750a4 50%, #fffbfe 50%);
}