/* =========================================================
   Knox Kids — ponte Eduma / Kirki → tokens do UI Kit
   Mapeia --thim-* para hsl(var(--*)) sem editar o tema original.
   Carregar depois de thim-style e kk-ui-tokens.
   ========================================================= */

html {
  --thim-body-primary-color: hsl(var(--primary));
  --thim-body-secondary-color: hsl(var(--accent));
  --thim-body-bg-color: hsl(var(--background));
  --thim-font-title-color: hsl(var(--foreground));
  --thim-font-body-color: hsl(var(--muted-foreground));
  --thim-button-text-color: hsl(var(--primary-foreground));
  --thim-button-hover-color: hsl(var(--primary) / 0.85);
  --thim-border-color: hsl(var(--border));
  --thim-placeholder-color: hsl(var(--muted-foreground));
  --thim-footer-bg-color: hsl(var(--card));
  --thim-footer-color-text: hsl(var(--muted-foreground));
  --thim-footer-color-link: hsl(var(--primary));
  --menu-text-color: hsl(var(--foreground));
  --thim-breacrumb-color: hsl(var(--muted-foreground));
  --thim-breacrumb-bg-color: hsl(var(--background));
  --thim-breacrumb-border-color: hsl(var(--border));
  --thim-bg-order-cart: hsl(var(--secondary));
}