/* Shared brand skin for login / register / reset-password.
   Loaded AFTER each page's own <style>, so it only re-colours and re-types
   the existing markup — no structural CSS lives here. Tokens mirror index.html. */
:root{
  --ak-bg:#FBF9F5; --ak-paper:#fff; --ak-ink:#252922; --ak-muted:#687064;
  --ak-line:#E6E0D7; --ak-accent:#7D9271; --ak-accent-dark:#66795c; --ak-gold:#C6A26B;
}
html{-webkit-text-size-adjust:100%}
body{
  font-family:Sarabun,system-ui,-apple-system,"Segoe UI",sans-serif !important;
  background:radial-gradient(1200px 600px at 50% -10%, #f3efe6 0%, var(--ak-bg) 60%) !important;
  color:var(--ak-ink) !important;
  padding:28px 0 !important;
  align-content:center;
}
.auth-logo{
  display:block;text-align:center;margin:0 0 18px;
  font-family:Trirong,serif;font-size:26px;font-weight:500;letter-spacing:.01em;
  color:var(--ak-ink);text-decoration:none;
}
.auth-logo span{color:var(--ak-gold)}
.card{
  border:1px solid var(--ak-line);
  box-shadow:0 30px 60px -38px rgba(30,35,28,.35) !important;
  border-radius:20px !important;
}
h1{font-family:Trirong,serif !important;font-weight:500 !important;font-size:26px;color:var(--ak-ink)}
.sub{color:var(--ak-muted) !important}
label{font-weight:500 !important;color:var(--ak-ink)}
input:not([type=checkbox]){
  border:1px solid var(--ak-line) !important;border-radius:10px !important;background:#fff;
  font-family:inherit;color:var(--ak-ink);transition:border-color .2s, box-shadow .2s;
}
input:not([type=checkbox]):focus{
  outline:none;border-color:var(--ak-accent) !important;
  box-shadow:0 0 0 3px rgba(125,146,113,.22);
}
button:not(.google-btn){
  background:var(--ak-accent) !important;font-family:inherit;font-weight:600 !important;
  transition:background .2s, transform .1s;
}
button:not(.google-btn):hover:not(:disabled){background:var(--ak-accent-dark) !important}
button:not(.google-btn):active:not(:disabled){transform:translateY(1px)}
.google-btn{border-color:var(--ak-line) !important;font-family:inherit}
.google-btn:hover{background:#faf8f3 !important}
:focus-visible{outline:2px solid var(--ak-accent);outline-offset:2px}
.error{background:#fdf1ef !important;color:#9b2d20 !important}
.success{background:#eef5ea !important;color:#3b5a2f !important}
a{color:var(--ak-ink);text-underline-offset:3px}
.footer a:hover,.consent a:hover{color:var(--ak-accent-dark)}
@media (prefers-reduced-motion:reduce){*{transition:none !important}}