/* Profil för vf.bodaenergikonsult.se, skickas som profil.css. Följer Vattenfalls färger:
   blått (#2071B5) som grundfärg, gult (#FFDA00) som solfärg för markeringar, mörkblått i sidhuvudet och
   grått (#4E4B48) för text. Vattenfalls eget typsnitt används om det finns på datorn, annars Arial. */
:root {
  --bg: #F2F2F2; --surface: #FFFFFF; --sunk: #E8E8E8; --fg: #222222; --muted: #4E4B48; --line: #DCDCDC;
  --accent: #2071B5; --accent-hover: #1A5E97; --accent-ink: #FFFFFF; --accent-text: #2071B5;
  --sun: #FFDA00;
  --info: #2071B5;
  --night: #1E324F; --night-2: #26405F; --on-night: #FFFFFF; --on-night-muted: #C5D1E0; --night-line: #3B5578;
  --f-display: "Vattenfall Hall", Arial, Helvetica, sans-serif;
  --f-body: "Vattenfall Hall", Arial, Helvetica, sans-serif;
  --f-mono: ui-monospace, Menlo, Consolas, monospace;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #111A24; --surface: #18232F; --sunk: #0D141C; --fg: #F2F2F2; --muted: #B9C1CA; --line: #2B3A4B;
    --accent: #3C8AD0; --accent-hover: #5B9FDB; --accent-ink: #FFFFFF; --accent-text: #8CC0EE; --info: #8CC0EE;
    --night: #0F1B2B;
  }
}
:root[data-theme="dark"] {
  --bg: #111A24; --surface: #18232F; --sunk: #0D141C; --fg: #F2F2F2; --muted: #B9C1CA; --line: #2B3A4B;
  --accent: #3C8AD0; --accent-hover: #5B9FDB; --accent-ink: #FFFFFF; --accent-text: #8CC0EE; --info: #8CC0EE;
  --night: #0F1B2B;
}

/* Namnet i sidhuvudet och på inloggningssidan. En logotyp i profiler/ kan ersätta texten (se vf.js). */
[data-org="vf"] .logo svg { display: none; }
.logo.org { display: inline-flex; align-items: center; gap: 12px; }
.org-namn { font: 700 22px/1 var(--f-display); letter-spacing: -0.01em; color: #FFFFFF; border-bottom: 3px solid var(--sun); padding-bottom: 4px; white-space: nowrap; }
.org-logga { display: block; height: 32px; width: auto; }
body > .logo .org-namn { font-size: 30px; }
body > .logo .org-logga { height: 44px; }

/* Rubrikbanden utan Bodas rundade underkant, och med gul markering. */
[data-org="vf"] .hero::after, [data-org="vf"] .modhead::after { display: none; }
[data-org="vf"] .hero, [data-org="vf"] .modhead { border-bottom: 6px solid var(--sun); }
[data-org="vf"] .hero .eyebrow, [data-org="vf"] .modhead .eyebrow { color: var(--sun); }
[data-org="vf"] .eyebrow { font-family: var(--f-body); letter-spacing: .12em; }
[data-org="vf"] h1 { font-weight: 700; letter-spacing: -0.015em; }
[data-org="vf"] h2, [data-org="vf"] h3 { font-weight: 700; }
[data-org="vf"] .top-nav a:hover, [data-org="vf"] .top-nav a[aria-current="page"] { border-color: var(--sun); }
[data-org="vf"] .logout-btn:hover { border-color: var(--sun); }
[data-org="vf"] .btn.primary { text-transform: none; letter-spacing: 0; font-size: 14.5px; font-weight: 700; border-radius: 999px; }

/* Inloggningssidan har egna stilar; samma färger här. */
[data-org="vf"] body > form .eyebrow { color: var(--accent-text); }
[data-org="vf"] body > form button { text-transform: none; letter-spacing: 0; font-size: 15px; font-weight: 700; border-radius: 999px; }