/* themes/ibmcarbon/theme.css — IBM Carbon Design System */

body.theme-ibmcarbon {
  --bg-page: #f4f4f4;
  --bg-card: #ffffff;
  --bg-navbar: rgba(244, 244, 244, 0.95);
  --bg-hero: #e0e0e0;
  --bg-footer: #e0e0e0;
  --bg-section-label: #f4f4f4;
  --text-primary: #161616;
  --text-secondary: #393939;
  --text-muted: #6f6f6f;
  --text-logo: #0f62fe;
  --accent: #0f62fe;
  --accent-2: #da1e28;
  --border-color: #c6c6c6;
  --border-card: #e0e0e0;
  --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.1);
  --shadow-card-hover: 0 4px 8px rgba(0, 0, 0, 0.15);
  --badge-bg: #e0e0e0;
  --badge-color: #393939;
  --pill-bg: #e0e0e0;
  --pill-color: #393939;
  --cat-pill-bg: #e0e0e0;
  --cat-pill-color: #393939;
  --cat-pill-active-bg: #0f62fe;
  --cat-pill-active-color: #ffffff;
  --dropdown-bg: #ffffff;
  --dropdown-text: #161616;
  --dropdown-hover: #e0e0e0;
  --theme-btn-bg: #e0e0e0;
  --theme-btn-color: #393939;
  --hero-eyebrow: #0f62fe;
  --hero-accent: #da1e28;
  --hero-tag-bg: #e0e0e0;
  --hero-tag-color: #0f62fe;
  --section-icon-color: #0f62fe;
  --font-family: 'IBM Plex Sans', system-ui, sans-serif;
  --card-radius: 0px;
  --card-border-width: 1px;
  --card-border-style: solid;
}

.swatch-ibmcarbon {
  background: linear-gradient(135deg, #0f62fe 50%, #f4f4f4 50%);
}

/* WebKit clip fix: border-radius 0 + overflow:hidden can cause chart overflow */
body.theme-ibmcarbon .chart-card {
  clip-path: inset(0);
}

/* Suppress hover transform — Carbon cards don't animate */
body.theme-ibmcarbon .chart-card:hover {
  transform: none;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  border-color: #0f62fe;
}

/* Carbon navbar has no blur */
body.theme-ibmcarbon .portfolio-navbar {
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}