/* =============================================================
   Kristiansand 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: dyp sjøblå som bærende farge, med en varm sand som aksent —
   Sørlandet uten å bli et postkort. Én bærende farge, slik
   rentaltech.no gjør det, og aksenten brukes bare på det som skal skille
   seg ut: BE-merket, guidekortenes stripe og enkeltdetaljer.
   ============================================================= */

:root {
    --merke-dyp:   #123A6B;
    --merke:       #3D7DD8;
    --merke-lys:   #E9F0FB;
    --merke-mork:  #0C2A50;
    --aksent:      #A8763E;
    --aksent-dyp:  #9B6D39;

    --tekst:       #1A1D21;
    --tekst-svak:  #5A626B;
    --linje:       #E3E7ED;
    --linje-sterk: #CDD5E0;
    --flate:       #FFFFFF;
    --flate-lys:   #F6F8FA;
    --flate-mork:  #123A6B;

    --radius:      14px;
    --radius-sm:   10px;
}

/* Heroens lysstrek legger seg over høyre skulder, der bildet står. */
.hero {
    background:
        radial-gradient(940px 440px at 84% -12%, var(--merke-lys), transparent 72%),
        linear-gradient(180deg, #FCFDFE, var(--flate) 40%);
}

/* Guidekortene bærer sandaksenten, hengerkortene den blå. Det gjør at
   redaksjonelt innhold og katalog er til å skille fra hverandre på en
   halv skjermlengdes avstand. */
.kort--guide { border-top: 4px solid var(--aksent); }

/* Hentestedet er sitens ene fysiske sted, og fortjener å se sånn ut. */
.kartlenke {
    background:
        radial-gradient(400px 200px at 50% 40%, var(--merke-lys), transparent 70%),
        repeating-linear-gradient(45deg, var(--flate-lys) 0 12px, var(--flate) 12px 24px);
}