:root{
  --text:#111;
  --bg:#f4ebe2;      /* ny bakgrundsfärg */
  --border:#111;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:'Plus Jakarta Sans', system-ui,-apple-system,Segoe UI,Arial,sans-serif;
  color:var(--text);
  background-color:var(--bg);
  font-size:16px; /* fast basstorlek enligt önskemål */
  line-height:1.6; /* jämnt radavstånd överallt */
  /* Katt i bakgrunden */
  background-image:url('../images/cat.png');
  background-repeat:no-repeat;
  background-position:right 24px bottom 90px;
  background-size:clamp(140px, 22vw, 380px);
}

/* layout */
.container{max-width:980px;margin:56px auto;padding:0 20px; position:relative; z-index:1}
.content-card{max-width:640px;margin:0 auto; padding:0}
h1{margin:0 0 12px 0;font-size:clamp(36px, 6.5vw, 70px);line-height:1.15}
h2{margin:24px 0 8px 0}
.lead{margin:0 0 12px}
p{margin:0 0 16px}
a{color:var(--text); text-decoration:none; font-weight:700}
a:hover{text-decoration:underline}

/* Formulär – svart text, transparenta fält */
.form-wrap{margin:32px 0 40px}
.contact-form{display:grid;gap:16px}
.form-grid{display:grid;grid-template-columns:1fr;gap:16px}
label{font-weight:600;display:block;margin:0 0 8px}
input{
  width:100%;
  padding:14px 16px;
  border:1px solid #e6e6e6;
  border-radius:10px;
  background:#f7f7f7;
  color:var(--text);
  font-size:inherit;
}
input:focus{outline:2px solid #111; outline-offset:2px; background:#fff}
.primary-btn{
  padding:16px 18px; background:#2f2f30; color:#fff;
  border:none; border-radius:999px; font-weight:700; cursor:pointer; width:100%; font-size:inherit;
}
.primary-btn:hover{filter:brightness(0.95)}
.hp{position:absolute;left:-9999px}

/* Katten ligger nu som bakgrundsbild på body */

/* lite luft på mobil */
@media (max-width:700px){
  .container{margin:32px auto 48px}
  body{background-image:none}
}
@media (min-width:720px){
  .form-grid{grid-template-columns:1fr 1fr}
}