/* Dalatrafik brand token overrides (updated red #E8112D, harmonized structure) */
:root[data-tenant="dalatrafik"] {
  /* Brand core */
  --color-brand-primary: #E8112D; /* base / logo */
  --color-brand-primary-accent: #C30F26; /* hover */
  --color-brand-primary-active: #A70D21; /* active */
  --color-brand-on-primary: #ffffff;

  /* Secondary (used for primary CTAs instead of strong red) */
  --color-brand-secondary: #5e889b; /* Deep contrast accent */
  --color-brand-on-secondary: #ffffff;
  --color-brand-secondary-hover: #a9bbc7;

  /* Accent mapping (keep brand red for highlights / destructive) */
  --color-accent: var(--color-brand-primary);
  --color-accent-hover: var(--color-brand-primary-accent);
  --color-accent-active: var(--color-brand-primary-active);
  --color-accent-contrast: var(--color-brand-on-primary);

  /* Typography */
  --font-family-base: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  --font-family-heading: Georgia,"Times New Roman",Times,serif;

  /* Semantic states (explicit for parity) - add specific colors here for success, warning, error, info if needs be */

  /* Focus ring (use brand hover shade instead of yellow) */
  --color-focus: var(--color-brand-primary-accent);

  /* Action (semantic button) palette – updated to #dd0034 */
  --color-action-primary: #dd0034;
  --color-action-primary-hover: #bb002b;
  --color-action-primary-active: #a30025;
  --color-action-primary-contrast: #ffffff;
  /* Destructive shares brand red (could diverge if needed) */
  --color-action-destructive: var(--color-brand-primary);
  --color-action-destructive-hover: var(--color-brand-primary-accent);
  --color-action-destructive-active: var(--color-brand-primary-active);

}

/* Subtle brand tint background */
:root[data-tenant="dalatrafik"] body {
  /* debug outline to verify token application (remove once confirmed) */
  /* outline: 2px dashed rgba(232,17,45,0.3); */
  background-image: linear-gradient(180deg, rgba(232,17,45,0.04), transparent 60%);
  background-repeat: no-repeat;
}

/* Button mapping overrides: place after components.css so internal custom props take these values */
:root[data-tenant="dalatrafik"] .button,
:root[data-tenant="dalatrafik"] .btn {
  --_btn-bg: var(--color-action-primary);
  --_btn-bg-hover: var(--color-action-primary-hover);
  --_btn-color: var(--color-action-primary-contrast);
  --_btn-border: var(--color-action-primary);
}

:root[data-tenant="dalatrafik"] .btn-danger,
:root[data-tenant="dalatrafik"] .button--destructive {
  --_btn-bg: var(--color-action-destructive);
  --_btn-bg-hover: var(--color-action-destructive-hover);
  --_btn-color: var(--color-accent-contrast);
  --_btn-border: var(--color-action-destructive);
}