/* Servera lapas (/auth/*): „Nav piekļuves”, kļūdas. Vienkāršs centrēts bloks ar h1, p, a.
   Tie paši tokeni un burti kā app.css. Fonti ielādējas šeit, lai lapai pietiek ar vienu stila saiti. */
@import url("/assets/fonts/fonts.css");

:root {
  --bg: #E4E7E1; --bg2: #F3F4F0; --ink: #24281F; --ink2: #5C6156; --line: #C6CBC0;
  --birch: #D9A621; --birch-line: #A57A0B; --ember: #B03D18; --focus: #A57A0B;
  --fd: "Bricolage Grotesque", "IBM Plex Sans", system-ui, sans-serif;
  --fb: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  color-scheme: light dark;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #171A15; --bg2: #20241E; --ink: #E6E8E1; --ink2: #A9AEA2; --line: #363B33;
    --birch: #E7B531; --birch-line: #E7B531; --ember: #E0663A; --focus: #E7B531;
  }
}

*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; background: var(--bg); color: var(--ink); }
body {
  min-height: 100vh;
  display: flex; flex-direction: column; justify-content: center;
  padding: 40px 20px 12vh;
  font: 15.5px/1.55 var(--fb);
  font-feature-settings: "tnum" 1;
}
body > * { width: 100%; max-width: 46ch; margin-left: auto; margin-right: auto; }
/* Logo virs kartītes. Emblēma ir fails, nevis inline SVG, jo šajās lapās JS nav; tai ir savas
   plakanās krāsas, tāpēc tā der abās tēmās, sk. public/assets/img/pamale-mark.svg. */
.brand { display: flex; align-items: center; gap: 12px; margin-bottom: 22px; }
.brand img { display: block; width: 46px; height: 46px; }
.brand-word {
  font: 700 34px/1 var(--fd); font-variation-settings: "opsz" 40; letter-spacing: -.015em;
}
h1 {
  margin: 0 0 12px;
  font: 800 clamp(34px, 7vw, 52px)/1 var(--fd); font-variation-settings: "opsz" 96; letter-spacing: -.02em;
  text-wrap: balance;
}
p { margin: 0 0 12px; color: var(--ink2); text-wrap: pretty; overflow-wrap: anywhere; }
p strong, p b, code { color: var(--ink); }
a { color: var(--ink); font-weight: 500; text-decoration-color: var(--birch); text-decoration-thickness: 1.5px; text-underline-offset: 3px; }
a:hover { text-decoration-color: currentColor; }
a:focus-visible, button:focus-visible { outline: 3px solid var(--focus); outline-offset: 2px; }
button {
  font: 500 14px/1.2 var(--fb); color: var(--bg); background: var(--ink); border: 1px solid var(--ink);
  border-radius: 4px; min-height: 38px; padding: 6px 16px; cursor: pointer;
}
form { margin: 8px 0 12px; }
hr { border: 0; border-top: 1px solid var(--line); margin: 20px 0; }
.error, [role="alert"] { color: var(--ember); }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}

/* Atļaušanas lapa (/oauth/authorize): „Atteikt” ir otrā poga, bez pildījuma. */
.consent-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 0 10px; }
.consent-actions > p { flex-basis: 100%; }
button.secondary { color: var(--ink); background: transparent; border-color: var(--line); }