/*
 * eKhata theme bridge
 * Load variables.css before this file. Apply .ek-theme to an application root
 * when adopting the design system; existing pages remain unaffected otherwise.
 */

.ek-theme {
  /* Bootstrap 5 semantic bridge */
  --bs-primary: var(--ek-color-primary);
  --bs-primary-rgb: var(--ek-color-primary-rgb);
  --bs-success: var(--ek-color-success);
  --bs-success-rgb: var(--ek-color-success-rgb);
  --bs-warning: var(--ek-color-warning);
  --bs-warning-rgb: var(--ek-color-warning-rgb);
  --bs-danger: var(--ek-color-danger);
  --bs-danger-rgb: var(--ek-color-danger-rgb);
  --bs-info: var(--ek-color-info);
  --bs-info-rgb: var(--ek-color-info-rgb);
  --bs-body-bg: var(--ek-color-background);
  --bs-body-color: var(--ek-color-text-primary);
  --bs-body-color-rgb: var(--ek-color-text-rgb);
  --bs-secondary-color: var(--ek-color-text-secondary);
  --bs-border-color: var(--ek-color-border);
  --bs-border-radius: var(--ek-radius-sm);
  --bs-border-radius-lg: var(--ek-radius-md);
  --bs-border-radius-xl: var(--ek-radius-lg);
  --bs-link-color: var(--ek-color-primary);
  --bs-link-hover-color: var(--ek-color-primary-hover);
  --bs-focus-ring-color: var(--ek-focus-ring-color);

  background-color: var(--ek-color-background);
  color: var(--ek-color-text-primary);
}

.ek-theme ::selection {
  background-color: var(--ek-color-primary-light);
  color: var(--ek-color-text-primary);
}

@media (prefers-reduced-motion: reduce) {
  .ek-theme {
    --ek-transition-fast: 0ms;
    --ek-transition-base: 0ms;
    --ek-transition-slow: 0ms;
  }
}

@media (forced-colors: active) {
  .ek-theme {
    --ek-focus-ring-color: Highlight;
  }
}