/* ============================================================
   NLL Måleri — REFINED DARK  ·  "dark done right"
   UPPMÄTT MOT LIVE (nllmaleri.se) — riktar de FAKTISKA komponent-
   klasserna (nll-*), inte de döda legacy-reglerna (.service-card m.fl.).
   Behåller svart+guld till 100 %. Rör INGEN text, länk, URL eller schema.
   -----------------------------------------------------------------
   Ladda SIST i <head> på varje sida (efter sidans inline <style>):
     <link rel="stylesheet" href="/assets/nll-refined-dark.css">
   Sajtbrett: alla sidtyper (start, /pris/, /tjanster/, /omraden/, /guider/)
   delar samma tokens + nll-*-klasser, så en fil lyfter hela sajten.

   KÄRN-INSIKT: nll-jcard, nll-answer, details.nll-faq, .nll-tablewrap,
   .nll-toc och nll-pris:nth-child(even) använder ALLA var(--bg-card)+var(--border).
   => Att omdefiniera de två tokens lyfter varje kort på en gång.
   Problemet: --bg-card:rgba(255,255,255,.03) (kort syns knappt) +
   brödtext rgba(255,255,255,.72) (kall grå-på-svart, sänker förtroende).
   ============================================================ */

:root{
  --bg-dark:#0b0a08;               /* aning varmare svart (premium, ej hårt #0a0a0a) */
  --bg-card:#1c1811;               /* LYFT: varm koltuna i st.f. 3 % vitt -> kort får djup */
  --border:rgba(212,175,55,.15);   /* guldtonad hårlinje = struktur på alla kort-kanter */
  --text-muted:#B7AD93;            /* varm dämpad (nll-byline m.fl. som ärver --text-muted) */
  --ink:#E7DEC8;                   /* varm cream = brödtext (WCAG-AAA på mörkt) */
  --ink-soft:#B7AD93;              /* dämpad cream = sekundär text */
  --ink-strong:#F6EFDD;            /* varmvit = betoning & rubriker */
}
body{background:var(--bg-dark)}

/* ---- LÄSBARHET: varm cream i st.f. hårdkodad grå-på-svart ---- */
.text-content p,
.nll-answer,
.nll-snabbsvar__list li,
.nll-finalcta p,
.nll-toc__list li{color:var(--ink)!important}
.text-content strong,
.text-content h3,
.nll-snabbsvar__list strong{color:var(--ink-strong)!important}
.nll-trustbar__grid,
.nll-leadform__note{color:var(--ink-soft)!important}
/* Länkar något ljusare guld = tydligare klickbarhet (oförändrad destination) */
.text-content a{color:var(--brand-light)!important}

/* ---- KORT/YTOR: lyfts redan av --bg-card ovan; guldkant explicit (legacy hårdkodar ibland --border) + djup ---- */
.nll-jcard,details.nll-faq,.nll-tablewrap,.nll-toc,.nll-answer{border-color:rgba(212,175,55,.18)!important}
.nll-jcard{box-shadow:0 16px 34px -24px rgba(0,0,0,.9)}
.nll-jcard:hover{background:#241f14!important;border-color:rgba(212,175,55,.42)!important}
details.nll-faq[open]{border-color:rgba(212,175,55,.30)!important}

/* ---- PRIS-TABELL: guld-th (guld+svart) finns kvar; värm td + guldhårlinje-rader ---- */
table.nll-pris td{color:var(--ink)!important}
table.nll-pris td:first-child{color:var(--ink-strong)!important}
/* Generisk prosa-tabell (ej .nll-pris): värm text i linje med resten (kontrastverifierad 9.5:1) */
.text-content table td{color:var(--ink)!important}
.text-content table td:first-child{color:var(--ink-strong)!important}

/* ---- LEADFORM-fält: guldkant finns; värm bakgrunden lätt för djup ---- */
.nll-leadform input,.nll-leadform textarea{background:#13100a!important}

/* ---- MEDVETET ORÖRT ----
   --brand-guld · alla CTA (.nll-cta*, .nll-sticky-cta, .nll-finalcta, .btn-primary)
   · gradient-ytor (.nll-trustbar, .nll-snabbsvar, .nll-leadform, .nll-finalcta)
   · .section-title guldunderstreck · table.nll-pris th (guld+svart) · .nll-herobg
   · alla guld-accenter, ikoner och kanter. Ren visuell lyft — noll innehåll rört. */
