/* =============================================================================
   KENDO ↔ TENANT BRIDGE  (UI makeover Wave 1 — doc 21 flagship)
   -----------------------------------------------------------------------------
   Completes the Telerik half of the tenant theming contract: tenant-theme.css
   maps the --ss-* brand tokens onto Bootstrap 5 component vars, but Telerik's
   kendo theme ships its own :root --kendo-color-* palette (default #ff6358
   primary), so every Telerik component rendered unbranded on any tenant that
   didn't hand-declare kendo tokens (only Ctl + Lindt did).

   PLACEMENT IS THE MECHANISM — this file must load AFTER the kendo theme and
   BEFORE the per-tenant stylesheet (_Layout.cshtml links it between the two):
     kendo all.css → THIS FILE → TenantStyles/<name>.css
   Same :root specificity everywhere, so source order resolves it: this bridge
   beats the kendo defaults, and a tenant's own explicit --kendo-color-* rules
   (Ctl, Lindt) still beat the bridge. Tenants that only declare --ss-* tokens
   get branded Telerik components for free, because the var() references below
   resolve against THEIR token values. No !important anywhere.
   ============================================================================= */

:root {
  /* Primary (ThemeColor.Primary buttons, grid selection/focus, wizard stepper) */
  --kendo-color-primary: var(--ss-primary);
  --kendo-color-primary-hover: var(--ss-primary-dark);
  --kendo-color-primary-active: var(--ss-primary-dark);
  --kendo-color-on-primary: var(--ss-primary-contrast);

  /* Success (ThemeColor.Success — Add/Save verbs) */
  --kendo-color-success: var(--ss-secondary);
  --kendo-color-success-hover: var(--ss-secondary-dark);
  --kendo-color-success-active: var(--ss-secondary-dark);
  --kendo-color-on-success: var(--ss-secondary-contrast);

  /* Error (ThemeColor.Error — Delete verbs, validation) */
  --kendo-color-error: var(--ss-danger);
  --kendo-color-error-hover: var(--ss-danger-dark);
  --kendo-color-error-active: var(--ss-danger-dark);
  --kendo-color-on-error: var(--ss-danger-contrast);
}
