/* Xtrafik brand token overrides */
:root[data-tenant='xtrafik'] {
  /* Brand core */
  --color-brand-primary: #e30613; /* base / logo */
  --color-brand-primary-accent: #c00511; /* hover */
  --color-brand-primary-active: #a0040e; /* active */
  --color-brand-on-primary: #ffffff;

  /* Secondary */
  --color-brand-secondary: #5e889b; /* Deep contrast accent */
  --color-brand-secondary-hover: #a9bbc7;

  /* Accent mapping */
  --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);

  /* Navbar colors */
  --color-navbar-underline: var(--color-brand-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;

  /* Focus ring */
  --color-focus: var(--color-brand-primary-accent);

  /* Action (CTA buttons) */
  --color-action-primary: #e30613;
  --color-action-primary-hover: #c00511;
  --color-action-primary-active: #a0040e;
  --color-action-primary-contrast: #ffffff;

  --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);
}

/* Optional subtle background tint */
:root[data-tenant='xtrafik'] body {
  background-image: linear-gradient(180deg, rgba(227, 6, 19, 0.04), transparent 60%);
  background-repeat: no-repeat;
}

/* Override button colors to use green action palette */
:root[data-tenant='orebro'] .btn-cta--primary {
  --btn-bg: var(--color-action-primary);
  --btn-bg-hover: var(--color-action-primary-hover);
  --btn-text: var(--color-action-primary-contrast);
}

/* Ta bort underline på knappar */
:root[data-tenant='orebro'] .btn-cta--primary:hover {
  text-decoration: none !important;
}

/* (Skapa konto, Glömt lösenord) */
:root[data-tenant='orebro'] .link-btn:after {
  background-color: var(--color-action-primary-active);
}

/* Button overrides */
:root[data-tenant='xtrafik'] .button,
:root[data-tenant='xtrafik'] .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='xtrafik'] .btn-danger,
:root[data-tenant='xtrafik'] .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);
}
