/*
 * MinFamiliesag.dk – Platform 2.0 auth production convergence
 * Presentation only. No auth logic.
 */

:root{
  --mfs-auth-navy:#0d2f55;
  --mfs-auth-ink:#10233d;
  --mfs-auth-muted:#60748b;
  --mfs-auth-green:#17795f;
  --mfs-auth-green-dark:#10634e;
  --mfs-auth-line:#dce6ec;
  --mfs-auth-soft:#f3f8f9;
  --mfs-auth-card:#ffffff;
}

html,body{
  margin:0;
  min-height:100%;
  background:
    radial-gradient(circle at 15% 18%,rgba(193,226,220,.48),transparent 32%),
    radial-gradient(circle at 88% 80%,rgba(205,226,222,.45),transparent 31%),
    #f7fafb !important;
  color:var(--mfs-auth-ink) !important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
}

body{
  line-height:1.55;
}

a{
  color:var(--mfs-auth-green-dark) !important;
  text-underline-offset:3px;
}

h1,h2,h3,
.auth-title,
.login-title,
.card-title{
  color:var(--mfs-auth-ink) !important;
  letter-spacing:-.035em;
}

input,select,textarea{
  box-sizing:border-box;
  border:1px solid #cbd9df !important;
  border-radius:13px !important;
  background:#fff !important;
  min-height:52px;
  padding:12px 14px !important;
  color:var(--mfs-auth-ink) !important;
  box-shadow:none !important;
}

input:focus,select:focus,textarea:focus{
  outline:3px solid rgba(23,121,95,.13) !important;
  border-color:#4b9b87 !important;
}

button,
input[type="submit"],
.button,
.btn,
.primary-button,
a.button{
  border-radius:12px !important;
  font-weight:800 !important;
}

button[type="submit"],
input[type="submit"],
.btn-primary,
.button-primary,
.primary-button{
  background:var(--mfs-auth-navy) !important;
  border-color:var(--mfs-auth-navy) !important;
  color:#fff !important;
  box-shadow:0 10px 24px rgba(13,47,85,.15) !important;
}

button[type="submit"]:hover,
input[type="submit"]:hover,
.btn-primary:hover,
.button-primary:hover,
.primary-button:hover{
  background:#082746 !important;
}

/* Common legacy cards/shells */
.login-card,
.auth-card,
.form-card,
.panel,
.card,
section form,
main form{
  border-color:var(--mfs-auth-line) !important;
}

.login-card,
.auth-card,
.form-card{
  border-radius:22px !important;
  background:rgba(255,255,255,.96) !important;
  box-shadow:0 20px 55px rgba(16,35,61,.10) !important;
}

/* Legacy top bars become visually quiet and Platform 2.0-like. */
header,
.site-header,
.public-header,
.topbar,
.notice-bar{
  border-color:var(--mfs-auth-line) !important;
}

/* Tone down beige/yellow legacy areas. */
[style*="#f7f1e5"],
[style*="#f5efe4"],
[style*="beige"]{
  background:var(--mfs-auth-soft) !important;
}

/* Protect compact 2FA/login composition. */
@media (min-width:900px){
  .login-shell,
  .auth-shell,
  .auth-layout{
    max-width:1180px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

@media (max-width:760px){
  h1{font-size:clamp(2rem,11vw,3.4rem) !important;}
  .login-card,
  .auth-card,
  .form-card{
    border-radius:18px !important;
  }
}