/* =============================================================
   Oslo Tilhengerleie — tema
   =============================================================

   Lastes etter /assets/felles/system.css og setter sitens egne farger,
   former og små avvik. Alt av struktur ligger i systemet; her ligger
   identiteten.

   Palett: granskog framfor sjø. Stasjonen ligger på Lambertseter med
   Østmarka rett bak, og en dyp grønn skiller siten tydelig fra
   søstersitene i Kristiansand og Stavanger — som begge er blå. Teglrød
   aksent, fordi murgårdene og blokkene her er nettopp det.
   ============================================================= */

:root {
    --merke-dyp:   #14523F;
    --merke:       #2F7F63;
    --merke-lys:   #E7F2EC;
    --merke-mork:  #0D3A2C;
    --aksent:      #C06B3E;
    --aksent-dyp:  #9E5227;

    --tekst:       #1A1D21;
    --tekst-svak:  #5A626B;
    --linje:       #E2E8E5;
    --linje-sterk: #C8D4CE;
    --flate:       #FFFFFF;
    --flate-lys:   #F5F9F7;
    --flate-mork:  #14523F;

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

/* Heroen får lyset ovenfra og venstre, motsatt vei av Kristiansand.
   Samme system, tydelig ulikt førsteinntrykk. */
.hero {
    background:
        radial-gradient(860px 420px at 12% -14%, var(--merke-lys), transparent 70%),
        linear-gradient(180deg, #FBFDFC, var(--flate) 42%);
}

/* Guidekortene bærer teglaksenten, hengerkortene den grønne. */
.kort--guide { border-top: 4px solid var(--aksent); }

/* Fire hengertyper på ett hentested gjør kategorilenkene viktigere her
   enn på en stasjon med to. De får derfor litt mer luft. */
.kort__kategori { letter-spacing: .04em; }

.kartlenke {
    background:
        radial-gradient(380px 190px at 50% 40%, var(--merke-lys), transparent 68%),
        repeating-linear-gradient(-45deg, var(--flate-lys) 0 12px, var(--flate) 12px 24px);
}