@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;600&family=Roboto:wght@400;500;700&family=Roboto+Mono:wght@400;500&display=swap');
/* ============================================================
   Tema: AB Karl Hedin — "från planta till planka"
   Familjeägd sågverks- och bygghandelskoncern i Bergslagen.
   Nuvarande identitet (verifierad mot abkarlhedin.se aug 2026):
   djupblått #0046AD på vitt, gult #FFDA24 som accent,
   Roboto + Barlow Condensed. Känsla: ritningsblått rutpapper,
   sågat virke, stabilt och ärligt. Endast palett & typografi —
   inga logotyper, ingen koppling till företaget påstås.
   ============================================================ */

html[data-theme="karlhedin"]{
  /* Yta & text */
  --bg:#EFF2F6;            /* ljust blågrått ritpapper */
  --panel:#FFFFFF;         /* vita kort, som brädgårdens prislappar */
  --ink:#1C2733;           /* mörk stålblå text */
  --mut:#5A6572;           /* dämpad skiffer — ≥4.5:1 på bg och panel */
  --line:#C7D0DC;          /* kylig linjefärg, blueprint-rutnätet */

  /* Varumärkesaccent */
  --ntr:#0046AD;           /* AB Karl Hedins djupblå (8.4:1 med vit text) */
  --ntrdark:#003580;       /* mörkare marinblå för hover/markeringar */

  /* Virke — varma trätoner mot den blå kromen */
  --regel:#EFE3CE;         /* nysågad furu, 45×95 */
  --trall:#E2CFA8;         /* varmare planka, 28×120 */
  --regeledge:#8A6F4D;     /* timmerbrun kontur */
  --wood:#6B5138;          /* tornets stolpar i ritningen */
  --woodlight:#9F8A6B;     /* ljusare virke: stege, mark */
  --donefill:#C8D3E0;      /* kapade bitar: blågrå "avbockad" ton */

  /* Status — varning får ALDRIG kunna förväxlas med varumärkesblått */
  --warn:#B7401B;          /* bränd tegelröd (deras felröd #E54626, mörkad
                              till 5.6:1 på vitt, 5.0:1 på bg) */
  --zone:#EADFC8;          /* kulfångszon: sand/grusvall */
  --save:#1E7A3C;          /* besparingsgrönt, 4.9:1 på vitt */

  /* Typografi — sajtens riktiga snitt */
  --mono:'Roboto Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --sans:'Roboto',system-ui,-apple-system,sans-serif;
}

/* ---- Sidhuvud: robust industrikänsla ------------------------ */
html[data-theme="karlhedin"] header .fam{
  font-family:'Barlow Condensed',var(--sans);letter-spacing:1.5px;
  text-transform:uppercase;color:var(--ntr);font-weight:600}
html[data-theme="karlhedin"] header h1{
  font-family:'Barlow Condensed',var(--sans);font-weight:600;
  text-transform:uppercase;letter-spacing:1px;color:var(--ntrdark)}
html[data-theme="karlhedin"] header{
  border-bottom:3px solid var(--ntr);margin-bottom:14px}
html[data-theme="karlhedin"] header p{margin-bottom:12px}

/* ---- Stegnavigering: marinblå list, gul aktiv markering ----- */
/* Mobil: bottenlist */
html[data-theme="karlhedin"] nav#steps{
  background:var(--ntr);border-top-color:var(--ntrdark)}
html[data-theme="karlhedin"] nav#steps button{color:#CDD9EC}
html[data-theme="karlhedin"] nav#steps button[aria-current=true]{
  color:#fff;border-top-color:#FFDA24}
html[data-theme="karlhedin"] nav#steps button:focus-visible{
  outline-color:#FFDA24}
/* Desktop: topplist */
@media (min-width:820px){
  html[data-theme="karlhedin"] nav#steps{
    border-bottom-color:var(--ntrdark);
    box-shadow:0 2px 6px rgba(0,53,128,.18)}
  html[data-theme="karlhedin"] nav#steps button[aria-current=true]{
    border-bottom-color:#FFDA24}
}

/* ---- Rubriker ----------------------------------------------- */
html[data-theme="karlhedin"] h2{
  font-family:'Barlow Condensed',var(--sans);font-weight:600;
  text-transform:uppercase;letter-spacing:0.8px;color:var(--ntrdark)}
html[data-theme="karlhedin"] h3{
  font-family:'Barlow Condensed',var(--sans);font-weight:600;
  text-transform:uppercase;letter-spacing:1px}

/* ---- Kort: rejäla, kantiga, lätt skugga --------------------- */
html[data-theme="karlhedin"] .card{
  border-radius:6px;border-color:var(--line);
  box-shadow:0 1px 3px rgba(16,32,54,.08)}

/* ---- Segmentknappar, lagerlängder, chips -------------------- */
html[data-theme="karlhedin"] .seg{border-radius:4px}
html[data-theme="karlhedin"] .seg button[aria-pressed=true]{
  background:var(--ntr);color:#fff;font-weight:500}
html[data-theme="karlhedin"] .stocks label{border-radius:4px}
html[data-theme="karlhedin"] .stocks label.on{
  background:var(--ntr);border-color:var(--ntrdark)}
html[data-theme="karlhedin"] .chip{border-radius:4px}
html[data-theme="karlhedin"] .minor input{border-radius:4px}

/* ---- Knappar: bygghandelns kampanjstuk ---------------------- */
html[data-theme="karlhedin"] button.apply{
  border-radius:4px;font-family:'Barlow Condensed',var(--sans);
  font-weight:600;text-transform:uppercase;letter-spacing:0.8px;
  box-shadow:0 1px 2px rgba(0,53,128,.25)}
html[data-theme="karlhedin"] button.ghost{
  border-radius:4px;color:var(--ntrdark)}
html[data-theme="karlhedin"] button.ghost:hover{
  border-color:var(--ntr);background:#F3F7FD}

/* ---- Tabeller & kapschema ----------------------------------- */
html[data-theme="karlhedin"] th{
  font-family:'Barlow Condensed',var(--sans);font-weight:600;
  text-transform:uppercase;letter-spacing:0.6px;font-size:13px}
html[data-theme="karlhedin"] tr.now td{color:var(--ntrdark)}
html[data-theme="karlhedin"] .grand{border-top:2px solid var(--ntr)}

/* ---- Varningar: tegelrött, tydligt skilt från blått --------- */
html[data-theme="karlhedin"] .notice{
  background:#FBEFE9;border-width:1px 1px 1px 4px;border-radius:4px}
html[data-theme="karlhedin"] .warnrow{font-weight:500}

/* ---- Montera: checklista ------------------------------------ */
html[data-theme="karlhedin"] .asm > ol > li::before{
  border-color:var(--ntr);border-radius:3px}
html[data-theme="karlhedin"] .asm > ol > li.done::before{
  background:var(--ntr);border-color:var(--ntrdark)}

/* ---- Sidfot & temaväljare ----------------------------------- */
html[data-theme="karlhedin"] .foot{border-top-color:var(--line)}
html[data-theme="karlhedin"] .themebar .seg button[aria-pressed=true]{
  background:var(--ntr)}

/* ============================================================
   Palett (verifierad mot källor aug 2026):
     --ntr      #0046AD  primärblå — CSS-variabeln --blue på
                         abkarlhedin.se samt favicon.svg
     --ntrdark  #003580  mörkad marin (egen härledning)
     accent     #FFDA24  sajtens --yellow, här endast aktiv flik
     --warn     #B7401B  mörkad variant av sajtens --red #E54626
     --bg/panel #EFF2F6 / #FFFFFF   --ink #1C2733   --mut #5A6572
     virke      #EFE3CE/#E2CFA8/#8A6F4D/#6B5138/#9F8A6B
     --save     #1E7A3C   --zone #EADFC8   --donefill #C8D3E0
   Typografi: Roboto, Roboto Mono, Barlow Condensed (sajten
   laddar Roboto + Barlow Condensed + Merriweather via Google
   Fonts i css/style.css på abkarlhedin.se).
   Källor: https://www.abkarlhedin.se/ (style.css, menu.css,
   pagebuilder.css: --blue:#0046ad, --red:#e54626,
   --yellow:#ffda24), /images/icons/favicon.svg (#0046AD).
   Ingen affiliering — endast en visuell hyllning.
   ============================================================ */