:root[data-font-size="sm"] {
  --font-size-base: 0.8125rem;
}
:root[data-font-size="lg"] {
  --font-size-base: 1rem;
}

:root[data-brand="brand"] {
  --primary: 211 73% 15%;
  --primary-foreground: 0 0% 100%;
  --ring: 24 99% 46%;
  --accent: 24 99% 95%;
  --accent-foreground: 24 99% 28%;
}
:root[data-brand="crm"] {
  --primary: 262 83% 58%;
  --primary-foreground: 0 0% 100%;
  --ring: 262 83% 58%;
  --accent: 262 83% 96%;
  --accent-foreground: 262 83% 28%;
}
:root[data-brand="logistics"] {
  --primary: 173 80% 36%;
  --primary-foreground: 0 0% 100%;
  --ring: 173 80% 36%;
  --accent: 173 80% 94%;
  --accent-foreground: 173 80% 22%;
}
:root[data-brand="partner"] {
  --primary: 24 95% 53%;
  --primary-foreground: 0 0% 100%;
  --ring: 24 95% 53%;
  --accent: 24 95% 95%;
  --accent-foreground: 24 95% 28%;
}
:root[data-brand="slate"] {
  --primary: 215 25% 27%;
  --primary-foreground: 0 0% 100%;
  --ring: 215 25% 27%;
  --accent: 215 25% 94%;
  --accent-foreground: 215 25% 20%;
}

:root[data-brand="dxs"] {
  --primary: 211 73% 15%;
  --primary-foreground: 0 0% 100%;
  --ring: 24 99% 46%;
  --accent: 24 99% 95%;
  --accent-foreground: 24 99% 28%;

  --auth-shell-control-height: var(--auth-shell-canonical-control-height);
  --auth-shell-heading-size: var(--auth-shell-canonical-heading-size);
  --auth-shell-card-max-width: var(--auth-shell-canonical-card-max-width);
  --auth-shell-main-padding: var(--auth-shell-canonical-main-padding);
}
@media (max-width: 30rem) {
  :root[data-brand="dxs"] {
    --auth-shell-main-padding: var(--auth-shell-canonical-main-padding-mobile);
  }
}

:root[data-focus-outline="on"] {
  --focus-outline: 1;

  --focus-field-shadow: initial;
}

:root[data-focus-outline="off"] {
  --focus-outline: 0;
  --focus-field-shadow: none;
}