/* NLF-palett. Blåtonene er forbundets egne, hentet fra lokmann.no:
   #115392 er hovedmenyen der, #1e73be er lenkefargen, og logoen er
   marineblå #193c7b. Bevisst holdt langt unna togselskapenes grønntoner,
   slik at ingen tar appen for et offisielt system.
   Single source of truth — every other stylesheet references these,
   never raw hex. */
:root {
  /* Forbundsblå, uendret fra lokmann.no. Brukes på toppbaren. */
  --nlf-bla:       #115392;
  --nlf-bla-dyp:   #0d4276;
  --nlf-bla-lys:   #1a5f9f;

  --bg:            #070b13;
  --bg-topbar:     var(--nlf-bla);
  --bg-meny:       var(--nlf-bla-dyp);
  --bg-nav:        #0b1421;
  --surface:       #131c2b;
  --surface-2:     #0f1725;
  --surface-hover: #1c2942;

  --border:        rgba(255, 255, 255, .08);
  --border-strong: rgba(255, 255, 255, .16);

  --text:          #e8eef7;
  --text-muted:    #96a6bd;
  --text-dim:      #6e7f97;
  /* Egen dempet tone for toppbaren: --text-muted er for mørk mot blått. */
  --text-on-bla:   #cfe0f4;

  /* Lenkeblåen #1e73be løftet til #3d8fdd — samme kulør (209°), men
     leselig mot mørk bakgrunn. #1e73be gir bare 3,8:1 og stryker på AA. */
  --accent:        #3d8fdd;
  --accent-ink:    #06121f;
  --accent-soft:   #bcdbfb;
  --accent-wash:   rgba(61, 143, 221, .14);
  --accent-ring:   rgba(61, 143, 221, .32);
  --danger:        #ff7a8a;
  --danger-ink:    #2c0b12;
  --danger-wash:   rgba(255, 122, 138, .12);
  --warning:       #f2b13c;
  --warning-ink:   #2b1d04;
  --warning-wash:  rgba(242, 177, 60, .10);

  /* Brikken NLF-logoen (marineblå på hvitt) står på. */
  --logo-plate:    #ffffff;

  --radius:      12px;
  --radius-lg:   16px;
  --radius-pill: 999px;
  --gap:         12px;

  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
          "Helvetica Neue", Arial, sans-serif;

  --topbar-h: 52px;
  --bottomnav-h: 58px;
  --maxw: 720px;
}