@import "@godxjp/ui/styles";

:root {
  --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 {
    --auth-shell-main-padding: var(--auth-shell-canonical-main-padding-mobile);
  }
}