/* Consume the canonical web token projection from src/index.css. */
#cc-main {
  --cc-font-family: var(--font-sans, sans-serif);
  --cc-bg: var(--color-background, Canvas);
  --cc-primary-color: var(--color-foreground, CanvasText);
  --cc-secondary-color: var(--color-text-secondary, CanvasText);
  --cc-btn-primary-bg: var(--color-brand-primary, ButtonFace);
  --cc-btn-primary-color: var(--color-background, ButtonText);
  --cc-btn-primary-border-color: var(--color-brand-primary, ButtonFace);
  --cc-btn-primary-hover-bg: var(--color-brand-primary, ButtonFace);
  --cc-btn-primary-hover-color: var(--color-background, ButtonText);
  --cc-btn-secondary-bg: var(--color-surface, ButtonFace);
  --cc-btn-secondary-color: var(--color-foreground, ButtonText);
  --cc-btn-secondary-border-color: var(--color-border, ButtonBorder);
  --cc-cookie-category-block-bg: var(--color-surface, Canvas);
  --cc-cookie-category-block-hover-bg: var(--color-surface, Canvas);
  --cc-separator-border-color: var(--color-border, ButtonBorder);
  --cc-toggle-on-bg: var(--color-brand-primary, Highlight);
  --cc-toggle-readonly-bg: var(--color-text-secondary, GrayText);
}
#cc-main button,
#capital-ai-cookie-settings {
  min-height: 44px;
  touch-action: manipulation;
}
#cc-main button:focus-visible, #capital-ai-cookie-settings:focus-visible {
  outline: 3px solid var(--color-brand-primary, Highlight);
  outline-offset: 3px;
}
#capital-ai-cookie-settings {
  position: fixed;
  right: max(12px, env(safe-area-inset-right));
  bottom: max(12px, env(safe-area-inset-bottom));
  z-index: 1000;
  padding: 10px 14px;
  border: 1px solid var(--color-border, ButtonBorder);
  border-radius: 8px;
  background: var(--color-surface, ButtonFace);
  color: var(--color-foreground, ButtonText);
  font: inherit;
  cursor: pointer;
}
@media (prefers-reduced-motion: reduce) {
  #cc-main *, #cc-main *::before, #cc-main *::after {
    transition: none !important;
    animation: none !important;
  }
}