/* ===========================================================
   Stil F i LJUSBLÅTT (AO #7887 punkt 1, 2026-11-10) – ersätter läget Klassisk. Samma formspråk som
   Grön och Blå; bara färgerna byts. Laddas efter stil-f.css när ws_stil=ljusbla (body.stil-ljusbla),
   se html.Stil.

   Färgerna:
     - den mjuka blå från Klassisk: Akustikshopens ursprungliga #55bbe5 (webshop.css) och Klassisks
       knappblå #0ea5e9 (tokens.css) - här som ljus accent och ytor;
     - avstämd mot Absoflex-blå på absoflex.se (2026-11-10: --enfold-main-color-primary #104379,
       sekundär #21548a) - den mörka nyansen nedan är Absoflex egen;
     - accenten #1f78b4 ligger mellan dem och klarar 4,5:1 mot vitt (text, länkar, vit text på menyraden).
   =========================================================== */
body.stil-ljusbla {
  --sf-bg: #ffffff;
  --sf-yta: #f1f8fc;
  --sf-kort: #ffffff;
  --sf-text: #17222d;
  --sf-dov: #566573;
  --sf-linje: #d9e7f0;
  --sf-accent: #1f78b4;
  --sf-accent-mork: #104379;
  --sf-accent-mjuk: #e3f3fb;
  --sf-gul: #FFC600;
  --ws-color-primary: var(--sf-accent);
  --ws-color-primary-hover: var(--sf-accent-mork);
  --ws-color-text: var(--sf-text);
  --ws-color-surface: var(--sf-kort);
  --ws-color-muted: var(--sf-yta);
  --ws-color-border: var(--sf-linje);
}
body.stil-ljusbla .startsida {
  --ss-bg: #ffffff; --ss-yta: #f1f8fc; --ss-kort: #ffffff; --ss-text: #17222d; --ss-dov: #566573; --ss-linje: #d9e7f0;
  --ss-accent: #1f78b4; --ss-accent-mjuk: #e3f3fb; --ss-mork: #104379;
  --ss-efter: #1f78b4;
}
/* Vågen i loggan är grön - vriden mot ljusblått. */
/* Vågen: egen bild images/stil-f/vag-ljusbla.png (shop.jsp), inte hue-rotate - den gjorde understa vågen grönaktig. */
body.stil-ljusbla #horiz-menu { background: var(--sf-accent); }
body.stil-ljusbla .ss-ingang .ss-typ { color: var(--ss-accent); }
body.stil-ljusbla .ss-stampel::before { background: #55bbe5; color: #fff; }