/* Det grønne tema (nov. 2026): dyb skovgrøn, sandfarvede knapper og Montserrat, som på "Sådan fungerer det".
   Bruges af forsiden, informationssiderne og kundens egne sider. Indlæses sidst, så reglerne her vinder over
   bank.css, kunde.css og sidernes egne <style>. Adminsiderne får samme farver via admin.css.
   Montserrat (OFL) ligger lokalt. */
@font-face { font-family: "Montserrat"; src: url("/static/montserrat-400.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Montserrat"; src: url("/static/montserrat-500.woff2") format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Montserrat"; src: url("/static/montserrat-600.woff2") format("woff2"); font-weight: 600 700; font-display: swap; }
@font-face { font-family: "Montserrat"; src: url("/static/montserrat-400-kursiv.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }

:root {
  --skov: #0f3324; --skov-mellem: #1b4a36; --skov-moerk: #0a2519; --skov-lys: #e6eee9;
  --sand: #e8dfcf; --sand-moerk: #d9ccb5; --creme: #f6f4ef;
  --tekst: #14281e; --daemp: #4f5f56; --svag: #7b8a81; --linje: #e3e2dc; --linje-staerk: #a9b5ad;
  --groen: #0f3324; --groen-moerk: #1b4a36; --groen-lys: #e6eee9; --mint: #c9dccf;
  --graa: #f6f4ef; --accent: #e8dfcf; --accent-moerk: #1b4a36; --plus: #1b4a36;
  --serif: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --sans: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}
body { font-family: var(--sans) !important; color: var(--tekst); line-height: 1.7; }
input, select, textarea, button { font-family: inherit; }
h1, h2, h3, h4, .virksomhed-navn { font-family: var(--sans) !important; font-weight: 500 !important; letter-spacing: -0.01em !important; color: var(--skov); }
a { color: var(--skov); }
:focus-visible { outline-color: var(--sand-moerk); }
.overtitel { font: 600 12px/1 var(--sans) !important; letter-spacing: .16em !important; text-transform: uppercase !important; color: var(--skov-mellem) !important; }

/* Topbjælke: mørkegrøn med lys tekst */
header { background: var(--skov) !important; border-bottom: 0 !important; }
.maerke span { font: 500 26px/1 var(--sans) !important; letter-spacing: .04em !important; color: #f3efe6 !important; }
header nav a, header nav > a { color: #c9d6ce; font-weight: 500; font-size: 15px; letter-spacing: .02em; }
header nav > a:hover, header nav > a[aria-current] { color: #fff; font-weight: 500; }

/* Knapper: mørkegrønne, og sandfarvede på mørk baggrund */
.knap { border-radius: 999px !important; font-family: var(--sans); font-weight: 500 !important; letter-spacing: .03em; }
.knap:not(.omrids):not(.sekundaer) { background: var(--skov); border-color: var(--skov); color: #fff; }
.knap:not(.omrids):not(.sekundaer):hover { background: var(--skov-mellem); border-color: var(--skov-mellem); }
.knap.sekundaer, .knap.omrids { background: transparent; color: var(--skov); border: 1.5px solid var(--skov); }
.knap.sekundaer:hover, .knap.omrids:hover { background: var(--skov-lys); }
header .knap:not(.omrids):not(.sekundaer), .knap.lys, .knap.sand { background: var(--sand) !important; border-color: var(--sand) !important; color: var(--skov) !important; }
header .knap:not(.omrids):not(.sekundaer):hover, .knap.lys:hover, .knap.sand:hover { background: var(--sand-moerk) !important; border-color: var(--sand-moerk) !important; }
header .knap.omrids { background: transparent; color: #f3efe6; border: 1px solid rgba(243,239,230,.5); }
header .knap.omrids:hover { background: rgba(255,255,255,.08); }
.tekstknap { color: var(--skov); }
input:focus, select:focus, textarea:focus { border-color: var(--skov) !important; box-shadow: 0 0 0 3px var(--skov-lys) !important; }

/* Flader og kort */
.kort { border-radius: 24px !important; border-color: var(--linje) !important; }
.ikon { background: var(--skov-lys) !important; color: var(--skov) !important; }
.betaling, .besked, .rapportkort { background: var(--sand) !important; border-color: var(--sand-moerk) !important; color: var(--skov); }

/* Fod på forsiden og informationssiderne: mørkegrøn som på "Sådan fungerer det" */
footer.g-fod { background: var(--skov-moerk) !important; color: #aebfb5 !important; padding: 72px 0 40px !important; }
footer.g-fod h4 { font: 600 12px/1 var(--sans) !important; letter-spacing: .16em !important; text-transform: uppercase; color: #e8dfcf !important; margin: 0 0 14px; }
footer.g-fod a { color: #dfe7e2 !important; }
footer.g-fod .maerke span { font-size: 24px !important; }
footer.g-fod .klage { background: rgba(255,255,255,.06) !important; border-radius: 20px; }
footer.g-fod .bund { border-top-color: rgba(255,255,255,.12) !important; color: #87998f !important; }
footer.g-fod p, footer.g-fod .klage p { color: #aebfb5 !important; }

/* Penop-logo: mærket foran navnet */
a.maerke { display: inline-flex !important; align-items: center; gap: 10px; text-decoration: none; }
a.maerke::before { content: ""; flex: none; width: 1.15em; height: 1.15em; font-size: 26px; background: url(/static/logo-lys.svg) center / contain no-repeat; }
footer.g-fod a.maerke::before { font-size: 24px; }