:root { --autofill-bg:#fff5f5; --autofill-text:#241719; }
body:not(.dark) {
  --background:#fff8f8;
  --page-background:radial-gradient(circle at 8% 10%,rgba(185,28,28,.07),transparent 31%),radial-gradient(circle at 92% 82%,rgba(220,38,38,.05),transparent 32%),linear-gradient(180deg,#fffcfc,#fff5f5);
  --text:#241719;
  --text-soft:#625156;
  --text-muted:#806b72;
  --border:#eadbdd;
  --navbar-background:rgba(255,250,250,.9);
  --navbar-border:rgba(234,219,221,.8);
  --shadow:0 20px 60px rgba(66,20,28,.08);
}
body:not(.dark) .field input { background:#fffafa; }
body.dark, html[data-theme="dark"] { --autofill-bg:#241b1d; --autofill-text:#f5f2f3; }
input:is(:-webkit-autofill,:autofill),
input:is(:-webkit-autofill,:autofill):hover,
input:is(:-webkit-autofill,:autofill):focus {
  -webkit-box-shadow:0 0 0 1000px var(--autofill-bg) inset!important;
  box-shadow:0 0 0 1000px var(--autofill-bg) inset!important;
  -webkit-text-fill-color:var(--autofill-text)!important;
  caret-color:var(--autofill-text);
  border-color:#dfc6cb!important;
}
input:is(:-webkit-autofill,:autofill):focus {
  border-color:#b91c1c!important;
  box-shadow:0 0 0 1000px var(--autofill-bg) inset,0 0 0 3px rgba(185,28,28,.12)!important;
}
:is(body.dark,html[data-theme="dark"]) input:is(:-webkit-autofill,:autofill) { border-color:#65434b!important; }