:root,
[data-nb-palette="automester"] {
  --nb-scheme: dark;
  --nb-ink: #111315;
  --nb-surface: #1b1e21;
  --nb-raised: #24272a;
  --nb-hover: #2d3034;
  --nb-text: #f8f8f7;
  --nb-muted: #aeb2b6;
  --nb-line: #ffffff1a;
  --nb-edge: #65686b;
  --nb-accent: #ff9248;
  --nb-accent-rgb: 255, 107, 0;
  --nb-action: #ff6b00;
  --nb-action-hover: #ff852e;
  --nb-on-action: #111315;
  --nb-secondary: #ffba8a;
  --nb-success: #9ee1b6;
  --nb-danger: #ffaaa4;
  --nb-warning: #ffca89;
  --nb-info: #82c6ff;
  --nb-hero: #252729;
  --nb-glow: #323538;
  --nb-shadow: 0 18px 50px #0005;
}

:root[data-nb-theme="automester-standard"],
[data-nb-palette="automester-standard"] {
  --nb-scheme: light;
  --nb-ink: #f3efeb;
  --nb-surface: #fff;
  --nb-raised: #faf6f2;
  --nb-hover: #eee5dd;
  --nb-text: #292421;
  --nb-muted: #62574f;
  --nb-line: #e3d9d0;
  --nb-edge: #96887c;
  --nb-accent: #a64006;
  --nb-accent-rgb: 204, 86, 22;
  --nb-action: #b74608;
  --nb-action-hover: #993903;
  --nb-on-action: #fff;
  --nb-secondary: #ffad68;
  --nb-success: #28643b;
  --nb-danger: #a42b28;
  --nb-warning: #805000;
  --nb-info: #24577c;
  --nb-hero: #fff6ee;
  --nb-glow: #ffd9bd;
  --nb-shadow: 0 18px 50px #4b2a151c;
}

:root[data-nb-theme="autopartner"],
[data-nb-palette="autopartner"] {
  --nb-scheme: dark;
  --nb-ink: #0b2034;
  --nb-surface: #112b43;
  --nb-raised: #193953;
  --nb-hover: #234760;
  --nb-text: #f6f9ff;
  --nb-muted: #c0cddd;
  --nb-line: #c7dcf233;
  --nb-edge: #758ca4;
  --nb-accent: #ff999c;
  --nb-accent-rgb: 240, 70, 78;
  --nb-action: #ff6168;
  --nb-action-hover: #ff777d;
  --nb-on-action: #142034;
  --nb-secondary: #ffe36a;
  --nb-success: #9fe2b1;
  --nb-danger: #ffb2b0;
  --nb-warning: #ffe39b;
  --nb-info: #9dd1ff;
  --nb-hero: #15395b;
  --nb-glow: #214566;
}

:root[data-nb-theme="din-bilpartner"],
[data-nb-palette="din-bilpartner"] {
  --nb-scheme: light;
  --nb-ink: #f4f1f1;
  --nb-surface: #fff;
  --nb-raised: #f9f5f5;
  --nb-hover: #f0e8e9;
  --nb-text: #302629;
  --nb-muted: #645358;
  --nb-line: #dfd1d4;
  --nb-edge: #a38c92;
  --nb-accent: #ad001b;
  --nb-accent-rgb: 199, 0, 25;
  --nb-action: #c4001a;
  --nb-action-hover: #a90016;
  --nb-on-action: #fff;
  --nb-secondary: #342b2c;
  --nb-success: #18683a;
  --nb-danger: #a52b29;
  --nb-warning: #805000;
  --nb-info: #215989;
  --nb-hero: #fff9f8;
  --nb-glow: #ffe0e3;
  --nb-shadow: 0 18px 50px #4d172516;
}

:root[data-nb-theme="carspot"],
[data-nb-palette="carspot"] {
  --nb-scheme: dark;
  --nb-ink: #141d19;
  --nb-surface: #1b2922;
  --nb-raised: #23372d;
  --nb-hover: #30483a;
  --nb-text: #f1fbf4;
  --nb-muted: #b4cbbd;
  --nb-line: #bde3ce2b;
  --nb-edge: #739382;
  --nb-accent: #76e4ae;
  --nb-accent-rgb: 51, 184, 122;
  --nb-action: #45ca8b;
  --nb-action-hover: #69daa4;
  --nb-on-action: #10241a;
  --nb-secondary: #c7f0da;
  --nb-success: #a1edbb;
  --nb-danger: #ffb7af;
  --nb-warning: #ffd493;
  --nb-info: #a6d8ff;
  --nb-hero: #174833;
  --nb-glow: #22533b;
}

:root[data-nb-theme="castrol-service"],
[data-nb-palette="castrol-service"] {
  --nb-scheme: light;
  --nb-ink: #eff5f1;
  --nb-surface: #fff;
  --nb-raised: #f5faf7;
  --nb-hover: #e1efe6;
  --nb-text: #14271d;
  --nb-muted: #485e52;
  --nb-line: #cbded2;
  --nb-edge: #799786;
  --nb-accent: #006536;
  --nb-accent-rgb: 0, 121, 61;
  --nb-action: #00763b;
  --nb-action-hover: #006330;
  --nb-on-action: #fff;
  --nb-secondary: #da092e;
  --nb-success: #116238;
  --nb-danger: #a72037;
  --nb-warning: #755100;
  --nb-info: #1f587c;
  --nb-hero: #f6fbf7;
  --nb-glow: #cce8d7;
  --nb-shadow: 0 18px 50px #123a2518;
}

:root {
  color-scheme: var(--nb-scheme);
  background: var(--nb-ink);
}

:root[data-nb-theme]:not([data-nb-theme="automester"]) :is(.drawer-brand, .aa-admin-brand) {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
}

@media (min-width: 760px) {
  :root[data-nb-theme]:not([data-nb-theme="automester"]) .topbar .brand {
    display: flex;
    align-items: center;
    gap: 12px;
  }
}

:root[data-nb-theme]:not([data-nb-theme="automester"]) :is(.brand-logo, .aa-admin-brand img) {
  width: var(--nb-mark-width, 125px);
  height: var(--nb-mark-height, auto);
  max-width: 125px;
  max-height: 45px;
  object-fit: var(--nb-mark-fit, contain);
  object-position: var(--nb-mark-position, left center);
  border-radius: var(--nb-mark-radius, 0);
}

:root[data-nb-theme]:not([data-nb-theme="automester"]) .topbar .brand-logo {
  max-width: 112px;
}

:root[data-nb-theme="autopartner"] {
  --nb-mark-width: 52px;
  --nb-mark-height: 45px;
  --nb-mark-fit: cover;
  --nb-mark-position: center;
  --nb-mark-radius: 5px;
}

:root[data-nb-theme="automester-standard"] {
  --nb-mark-radius: 4px;
}

:root[data-nb-theme]:not([data-nb-theme="automester"]) :is(.topbar .brand, .drawer-brand, .aa-admin-brand) small {
  color: var(--nb-text);
  font-size: 13px;
  font-weight: 750;
  white-space: nowrap;
}

:root[data-nb-theme]:not([data-nb-theme="automester"]) .login .brand img {
  width: auto;
  max-width: 100%;
  height: 58px;
  object-fit: contain;
}

:root[data-nb-theme]:not([data-nb-theme="automester"]) .login {
  color: var(--nb-text);
  background: var(--nb-surface);
  border-color: var(--nb-line);
  box-shadow: var(--nb-shadow);
}

:root[data-nb-theme]:not([data-nb-theme="automester"]) .login p,
:root[data-nb-theme]:not([data-nb-theme="automester"]) .login label {
  color: var(--nb-muted);
}

:root[data-nb-theme]:not([data-nb-theme="automester"]) .login input {
  color: var(--nb-text);
  background: var(--nb-raised);
  border-color: var(--nb-edge);
}

:root[data-nb-theme]:not([data-nb-theme="automester"]) .login button {
  color: var(--nb-on-action);
  background: var(--nb-action);
}

:root[data-nb-theme]:not([data-nb-theme="automester"]) .login :is(input, button):focus-visible {
  outline: 2px solid var(--nb-accent);
  outline-offset: 2px;
}
