/* Sign-in pages for the gen.kifer.co realm. Overrides the stock IdP variables. */

:root {
  color-scheme: light;
  --bg: #24312c;
  --panel: #e7eee9;
  --text: #1c2824;
  --muted: #3d5249;
  --divider: #8a9a92;
  --accent: #1c2824;
  --accent-300: #3d5249;
  --accent-400: #1c2824;
  --danger: #8c2f28;
  --danger-border: #8c2f28;
  --radius: 0px;
}

body {
  background: #24312c;
  color: #e7eee9;
  font-family: Inter, "Segoe UI", sans-serif;
  scrollbar-color: #8a6230 #24312c;
}

::selection {
  background: #e4c98a;
  color: #1c2824;
}

.brand {
  font-family: "Iosevka Term Slab", Palatino, Georgia, serif;
  font-size: 1.6rem;
  font-weight: 560;
  letter-spacing: -0.03em;
  text-transform: none;
  color: #e7eee9;
}

.card {
  box-shadow: none;
  border-radius: 0;
  color: #1c2824;
}

h1 {
  font-family: "Iosevka Term Slab", Palatino, Georgia, serif;
  font-weight: 560;
  letter-spacing: -0.03em;
}

p.sub,
.meta,
label {
  color: #3d5249;
  text-transform: none;
  letter-spacing: 0;
  font-size: 1rem;
}

input[type="email"],
input[type="text"],
input[type="password"] {
  border-radius: 0;
  border-color: #6d7f76;
  background: #f4f7f5;
  color: #1c2824;
  caret-color: #1c2824;
}

button {
  border-radius: 0;
  background: #1c2824;
  color: #e7eee9;
  border-color: #1c2824;
}

button:hover {
  background: #31423b;
}

button.secondary {
  background: transparent;
  color: #1c2824;
  border-color: #1c2824;
}

a {
  color: #1c2824;
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

.err {
  color: #8c2f28;
  background: transparent;
  border-color: #8c2f28;
  border-radius: 0;
}

:focus-visible {
  outline: 2px solid #1c2824;
  outline-offset: 3px;
}