/*
  Brainforcer: тема страницы входа Authelia (BF-E7-AUTHELIA-THEME-20261016).
  Authelia 4.39+ рисует портал на CSS-переменных shadcn (--primary, --background, ...),
  выбранных по [data-theme] (при `theme: light|dark` атрибут стоит и на html, и на body; при `auto` — только на html). Здесь переопределены только они и четыре мелочи, которые
  переменными не задаются (цели касания, подпись, отступ под глаз пароля).
  Подключается ссылкой <link rel="stylesheet"> с того же origin (CSP: style-src 'self'),
  см. README.md. Цвета — токены продукта --bf-*: кобальт #3157dd, холст #f8faff,
  текст #172139, приглушённый #626c82, граница полей #7f8aa3 (3:1 на белом).
*/

[data-theme='light'] {
  --background: #f8faff;
  --foreground: #172139;
  --card: #ffffff;
  --card-foreground: #172139;
  --popover: #ffffff;
  --popover-foreground: #172139;
  --primary: #3157dd;
  --primary-foreground: #ffffff;
  --muted: #edf1ff;
  --muted-foreground: #626c82;
  --accent: #edf1ff;
  --accent-foreground: #172139;
  --destructive: #a53e48;
  --input: #7f8aa3;
  --border: #7f8aa3;
  --ring: #3157dd;
  --radius: 0.625rem;
}

/* Для theme: auto при тёмной системе: тот же кобальт, подсвеченный для тёмного фона. */
[data-theme='dark'] {
  --background: #0e1424;
  --foreground: #f2f5ff;
  --card: #151d33;
  --card-foreground: #f2f5ff;
  --popover: #151d33;
  --popover-foreground: #f2f5ff;
  --primary: #3157dd;
  --primary-foreground: #ffffff;
  --muted: #1d2744;
  --muted-foreground: #aab4cf;
  --accent: #1d2744;
  --accent-foreground: #f2f5ff;
  --input: #7f8aa3;
  --border: #3a4666;
  --ring: #8ea6ff;
  --radius: 0.625rem;
}

/* Цели касания ≥ 44 px: кнопка входа, язык, глаз пароля. */
#sign-in-button {
  min-height: 44px;
}

#language-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
}

#form-login button[aria-pressed] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
  right: 0;
}

/* Текст пароля не заходит под увеличенный глаз. */
#password-textfield {
  padding-right: 3rem;
}

/* Подпись «При поддержке Brainforcer»: 12 px, контраст ≥ 4.5:1 на обеих темах. */
a[href='https://brainforcer.kz'] {
  font-size: 0.75rem;
  color: var(--muted-foreground);
}

@media (prefers-reduced-motion: reduce) {
  #sign-in-button,
  #language-button {
    transition: none;
  }
}