/* Pastel — mørk utgave. LAGET AV tools/lag-mork-tema.py — ikke rediger for hånd.
   Vises bare når kundens enhet står på mørkt. Lastes etter pastel-tema.css.
   Tom fil = bare lys utgave. */
:root{color-scheme:light dark;}
@media (prefers-color-scheme: dark){
:root{
  --cream:#1C1512;        /* sidebakgrunn: mørk kakao */
  --cream-deep:#271E1A;   /* felt og plassholdere */
  --white:#2A211C;        /* kort, skuffer, banner (og tekst på knapper) */
  --ink:#F6EADF;          /* tekst: krem */
  --ink-soft:#CDB8AA;     /* dempet tekst */
  --pink:#F2638F;         /* stjerner, hjerter, merkelapper */
  --sky:#F2638F;
  --pink-deep:#FF8DB4;    /* knapper, priser, lenker — mørk tekst på (7,9) */
  --pink-pale:#3B2430;
  --pink-soft:#3B2430;
  --sky-pale:#2D241F;     /* latte */
  --mint:#302619;         /* dyp krem */
  --mint-soft:#1F2E25;
  --brown:#C9A285;
  --card:#2A211C;
  --footer:#120D0B;
  --error:#FF8A80;
  --line:rgba(246,234,223,0.14);
  --shadow-soft:0 10px 30px rgba(0,0,0,0.35);
  --shadow-pop:0 16px 40px rgba(0,0,0,0.45);
}
  /* ---- automatisk fra stilarkene (58 regler) ---- */
  .stitch{border-bottom:2px dashed rgba(246,234,223,0.28)}
  .site-header{border-bottom:1px solid rgba(246,234,223,0.08)}
  .hero-card .tag{background:rgba(42,33,28,0.92)}
  .product-media .badge-fly.low{color:#FF8A80}
  .size-pill{border:1.5px solid rgba(246,234,223,0.15)}
  .size-pill[disabled]{background:repeating-linear-gradient(135deg,rgba(246,234,223,0.06),rgba(246,234,223,0.06) 3px,transparent 3px,transparent 6px)}
  .form-field input, .form-field select, .form-field textarea{border:1.6px solid rgba(246,234,223,0.15)}
  .stars-line{color:#F2638F}
  .kontakt-section .section-title{color:#F6EADF}
  .social-btn{color:#F6EADF}
  .footer-grid h4{color:#F6EADF}
  .pay-badge{color:#F6EADF}
  .pm-nav{background:rgba(42,33,28,0.85)}
  .pm-secondary{border-top:1px solid rgba(246,234,223,0.1)}
  .size-modal-head{border-bottom:2px dashed rgba(246,234,223,0.15)}
  .size-table th, .size-table td{border-bottom:1px solid rgba(246,234,223,0.1)}
  .cart-head{border-bottom:2px dashed rgba(246,234,223,0.15)}
  .cart-item{border-bottom:1px solid rgba(246,234,223,0.08)}
  .cart-suggestions{border-top:2px dashed rgba(246,234,223,0.15)}
  .ci-remove{color:#FF8A80}
  .cart-foot{border-top:2px dashed rgba(246,234,223,0.15)}
  .postnr-row input{border:1.6px solid rgba(246,234,223,0.15)}
  .subtotal-row.total{border-top:1px dashed rgba(246,234,223,0.2)}
  .policy-modal-head{border-bottom:2px dashed rgba(246,234,223,0.15)}
  .sok-panel{border-top:1px solid rgba(246,234,223,0.08)}
  .sok-form input, .sok-side-form input{border:1.5px solid rgba(246,234,223,0.14)}
  .pp-waitlist-row input{border:1.5px solid rgba(246,234,223,0.15)}
  .pp-secondary{border-top:1px solid rgba(246,234,223,.1)}
  .pp-detail{border-top:1px solid rgba(246,234,223,.1)}
  .szp-hode{border-bottom:1px solid rgba(246,234,223,0.1)}
  .szp-liste{border-top:1px solid rgba(246,234,223,0.1)}
  .szp-liste li{border-bottom:1px solid rgba(246,234,223,0.1)}
  .szp-epost{border:1.5px solid rgba(246,234,223,0.15)}
  .szp-ok{background:#1F2E25;color:#A8E0BC}
  .szp-bunn{border-top:1px solid rgba(246,234,223,0.1)}
  .cat-pill{border:1.5px solid rgba(246,234,223,.12)}
  .cat-copy{border-top:1px solid rgba(246,234,223,.1)}
  .ck-qty button{border:1.5px solid rgba(246,234,223,.16)}
  .ck-postnr-row input{border:1.5px solid rgba(246,234,223,.15)}
  .ck-row.ck-total{border-top:1px solid rgba(246,234,223,.1)}
  .tp-status-ok{color:#7FD6A0}
  .tp-status-feil{color:#FF8A80}
  .ck-pay .pay-badge{border:1px solid rgba(246,234,223,.08)}
  .sett-deler{border-top:1px dashed rgba(246,234,223,.12)}
  .faq-liste{border-top:1px solid rgba(246,234,223,.12)}
  .faq{border-bottom:1px solid rgba(246,234,223,.12)}
  .pp-lev{border:1px solid rgba(246,234,223,0.1)}
  .pp-lev li + li{border-top:1px solid rgba(246,234,223,0.08)}
  .ck-gave{border:1px solid rgba(246,234,223,0.12)}
  .ck-gave-mer textarea{border:1.5px solid rgba(246,234,223,0.15)}
  @media (max-width: 760px){
    .pp-kjopslinje{border-top:1px solid rgba(246,234,223,0.1)}
  }
  .tp-nr{color:#FF8DB4;color:#FF8DB4}
  @media (max-width: 980px){
    .pp-main--sveip .pp-prikker{background:rgba(42,33,28,0.72)}
  }
  @media (max-width: 980px){
    .pp-prikker span{background:rgba(246,234,223,0.28)}
  }
  .filt-chip, .filt-flere, .filt-sorter{border:1.5px solid rgba(246,234,223,.14)}
  .ord-linje li::before{background:rgba(246,234,223,0.12)}
  .ord-prikk{border:2px solid rgba(246,234,223,0.2)}
  .btn-primary:hover{background:#FFB3CD}
  /* ---- for hånd (vinner over de automatiske) ---- */

  /* Felt som skal være mørke i begge utgaver: toppstripa, kontaktbåndet og
     varselet («lagt i kurven»). Uten dette ville de snudd til lyse. */
  .trust-strip,.toast{background:#33261F;color:var(--ink);}
  .kontakt-section{background:#120D0B;color:var(--ink);}
  .kontakt-section .section-title{color:var(--ink);}
  .sv-fane[aria-selected="true"]{background:var(--pink-deep);color:var(--white);}
  /* Menylinja øverst: halvgjennomsiktig natt i stedet for krem. */
  header,.site-header{background:rgba(28,21,18,0.92) !important;}
  /* Knapper: jordbærrosa med mørk tekst; hover lysere. */
  .btn-primary:hover{background:#FFB3CD;}
  .logo{color:#F2638F;}
  /* Teksten oppå bildene på forsiden er hvit i begge utgaver. */
  .hero-card{color:#FFFFFF;}
  .tp-nr,.pp-kjopslinje-pris{color:var(--pink-deep);}
  /* Bilder med hvit bakgrunn skal ikke lyse som lyskastere. */
  .product-media img,.pp-gallery img,.product-card img{filter:brightness(.94);}
  /* Fargerundene viser ekte stoff — bare ringen rundt blir lys. */
  .swatch,.swatch-btn{box-shadow:0 0 0 1px rgba(246,234,223,0.35);}
  /* Skjemafelt uten egen bakgrunn. */
  input,select,textarea{background-color:var(--white);color:var(--ink);}
  ::placeholder{color:#9C8779;}
}
