:root[data-theme="dark"] {
  /* Base colors */
  --bc-primary: #95D5B2;
  --bc-primary-lighter: #006466;
  --bc-primary-darker: #003333;
  --bc-secondary: #9b9b9b;
  --bc-secondary-light: #4e4f4f;
  --bc-controls: #1a1a1a;
  --bc-font: #fff;
  --bc-border: #333;

  /* Semantic variables */
  --bc-text-primary: var(--bc-font);
  --bc-text-secondary: var(--bc-secondary);
  --bc-background: var(--bc-controls);
  --bc-border-color: var(--bc-border);
  --bc-hover-bg: rgba(255, 255, 255, 0.05);
}