/* Örebro brand token overrides (tabs i blått + grön CTA) */
:root[data-tenant='orebro'] {
  /* Brand core (blå) */
  --color-brand-primary: #0077c8;
  --color-brand-primary-accent: #0063a8;
  --color-brand-primary-active: #004f86;
  --color-brand-on-primary: #ffffff;

  /* Secondary – används för länkar i LoginForm */
  --color-brand-secondary: #5e889b;
  --color-brand-secondary-hover: #a9bbc7;

  /* Accent mapping (behåll blå som accent för navbar/tabs) */
  --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);

  /* Action-palett (GRÖNA KNAPPAR) */
  --color-action-primary: #8cc35f;
  --color-action-primary-hover: #5ca132;
  --color-action-primary-active: #4a8f28;
  --color-action-primary-contrast: #0b101e;

  /* Navbar colors */
  --color-navbar-underline: var(--color-action-primary);

  /* Typografi */
  --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;

  /* Fokusring */
  --color-focus: var(--color-brand-primary-accent);

  /* Destruktiva åtgärder */
  --color-action-destructive: #c62828;
  --color-action-destructive-hover: #ab2222;
  --color-action-destructive-active: #8e1c1c;
}

/* Subtil brandtint i bakgrunden */
:root[data-tenant='orebro'] body {
  background-image: linear-gradient(180deg, rgba(0, 119, 200, 0.06), 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);
}

/* Outline brand buttons - green for Örebro */
:root[data-tenant='orebro'] .btn-cta--outlineBrand {
  --btn-bg: var(--color-surface);
  --btn-bg-hover: var(--color-action-primary);
  --btn-text: var(--color-action-primary);
  --btn-border: var(--color-action-primary);
}

:root[data-tenant='orebro'] .btn-cta--outlineBrand: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;
}

/* Grön linje under login-länkar (Skapa konto, Glömt lösenord) */
:root[data-tenant='orebro'] .link-btn:after {
  background-color: var(--color-action-primary);
}

/* Gamla .button och .btn knappar (om de finns kvar) */
:root[data-tenant='orebro'] .button,
:root[data-tenant='orebro'] .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);
}

/* .btn-action knappar (specifik klass) */
:root[data-tenant='orebro'] .btn-action {
  background: var(--color-action-primary) !important;
  color: var(--color-action-primary-contrast) !important;
  border-color: var(--color-action-primary) !important;
}

:root[data-tenant='orebro'] .btn-action:hover {
  background: var(--color-action-primary-hover) !important;
}

/* Destruktiva knappar (röd) */
:root[data-tenant='orebro'] .btn-danger,
:root[data-tenant='orebro'] .button--destructive {
  --_btn-bg: var(--color-action-destructive);
  --_btn-bg-hover: var(--color-action-destructive-hover);
  --_btn-color: #ffffff;
  --_btn-border: var(--color-action-destructive);
}