/* =============================================================
   Leietilhengeren — tema for den nasjonale portalen
   =============================================================

   Portalen skal ikke se ut som en av bymikrositene. Den er en oversikt
   over andres stasjoner, og paletten er derfor nøytral: nattblå bærer,
   og en grønn aksent som bare brukes på det som er tilgjengelig — antall
   stasjoner, antall hengere, lenken videre til byen.
   ============================================================= */

:root {
    --merke-dyp:   #1F2E4A;
    --merke:       #4A6491;
    --merke-lys:   #EAEEF6;
    --merke-mork:  #141F33;
    --aksent:      #1E7A4B;
    --aksent-dyp:  #186139;

    --tekst:       #1A1D21;
    --tekst-svak:  #5A626B;
    --linje:       #E3E7EF;
    --linje-sterk: #C8D0DE;
    --flate:       #FFFFFF;
    --flate-lys:   #F5F7FB;
    --flate-mork:  #1F2E4A;

    --radius:      12px;
    --radius-sm:   8px;
}

.hero {
    background:
        radial-gradient(1000px 460px at 50% -18%, var(--merke-lys), transparent 74%),
        linear-gradient(180deg, #FBFCFE, var(--flate) 44%);
}

/* Stasjonskortene er portalens hovedinnhold. Grønn topp betyr at
   stasjonen er i drift; det er den eneste jobben aksentfargen har her. */
.kort--stripe { border-top: 4px solid var(--aksent); }

/* Fylkesbolkene på forsiden. Overskriften skal kunne stå tett på
   kortene uten å forsvinne i dem. */
.seksjon__topp--bred h2 { letter-spacing: -.01em; }