/* FlyTabs theming for vanilla-cookieconsent v3.
   Maps the library's --cc-* variables to FlyTabs design tokens so the banner
   inherits the app's look and dark-mode support automatically. */

#cc-main {
  --cc-bg: var(--color-bg-surface);
  --cc-primary-color: var(--color-text);
  --cc-secondary-color: var(--color-text-secondary);
  --cc-btn-primary-bg: var(--color-bg-fill-brand);
  --cc-btn-primary-color: var(--color-text-brand-on-bg-fill);
  --cc-btn-primary-hover-bg: var(--color-bg-fill-brand-hover);
  --cc-btn-primary-hover-color: var(--color-text-brand-on-bg-fill);
  --cc-btn-secondary-bg: var(--color-bg-surface-secondary);
  --cc-btn-secondary-color: var(--color-text);
  --cc-btn-secondary-hover-bg: var(--color-bg-surface-hover);
  --cc-btn-secondary-hover-color: var(--color-text);
  --cc-cookie-category-block-bg: var(--color-bg-surface-secondary);
  --cc-cookie-category-block-bg-hover: var(--color-bg-surface-hover);
  --cc-section-border: var(--color-border);
  --cc-cookie-table-border: var(--color-border);
  --cc-overlay-bg: var(--overlay);
  --cc-toggle-bg-off: var(--color-bg-fill-secondary);
  --cc-toggle-bg-on: var(--color-bg-fill-brand);
  --cc-toggle-bg-readonly: var(--color-border-disabled);
  --cc-toggle-knob-bg: var(--color-text-inverse);
  --cc-toggle-knob-icon-color: var(--color-text);
  --cc-modal-border-radius: var(--modal-radius);
  --cc-btn-border-radius: var(--btn-radius);
  --cc-font-family: var(--font-family-sans);
  --cc-modal-box-shadow: var(--modal-shadow);
  --cc-link-color: var(--color-text-link);
  --cc-z-index: var(--z-modal);
}