/* Valgt palette fra heroerne. Grundfarven følger den eksisterende mineral. */
:root{
 --petrol-dark:#082F32;--petrol-mid:#08777A;--petrol-light:#CCE7DF;
 --mint-dark:#356959;--mint-mid:#83BFA5;--mint-light:#DAEDDE;
 --orange-dark:#A9431D;--orange-mid:#EB742F;--amber-light:#F4CE8F;
 --purple-dark:#30243D;
 --clay-dark:#451D19;
 /* Mørke bundfarver og klare accenter til bogstavanimationen. */
 --espresso-dark:#34251F;--forest-dark:#173F35;--midnight-dark:#202D46;--wine-dark:#4A2433;
 --lime-bright:#D4F451;--coral-bright:#FF795E;--mint-bright:#4EE2C2;--iris-bright:#B69AFF;--amber-bright:#FFC247;
 --mineral:#F5F5EF;--ink:var(--petrol-dark);--petrol:var(--petrol-mid);
 --mist:var(--mint-light);--mint:var(--mint-mid);--brick:var(--orange-dark);
 --apricot:var(--amber-light);--cream:var(--mineral);
 --line:color-mix(in srgb,var(--petrol-dark) 25%,transparent);
 --muted:var(--mint-dark);--link:var(--petrol-mid);
}
::selection{background:var(--mint-mid);color:var(--petrol-dark)}
@media screen{
 .finch-page{background:var(--mineral);color:var(--ink)}
 .home-shell .work-section{background:var(--petrol-dark);color:var(--mineral)}
 .home-shell .section-label,.photo-hero .section-label,
 .services-page .method-principles .section-label{background:var(--petrol-dark);color:var(--mineral)}
 .home-shell .work-section .section-label{background:var(--orange-mid);color:var(--petrol-dark)}
 .tools-page .photo-hero .section-label{background:var(--mineral);color:var(--petrol-dark)}
 .responsibility-section{background:var(--mint-light)}
 .services-page .services-process{background:var(--amber-light);color:var(--petrol-dark)}
 .services-page .services-grid .principle-card:nth-child(2){background:var(--petrol-light)}
 .services-page .services-grid .principle-card:nth-child(3){background:var(--mint-light)}
 .principle-card[data-tone=petrol]{background:var(--petrol-dark);color:var(--mineral)}
 .principle-card[data-tone=brick]{background:var(--orange-dark);color:var(--mineral)}
 .tools-page .tools-work{background:var(--mint-light)}
 .tools-page .tools-knowledge{background:var(--mineral)}
 .paper-take{background:var(--petrol-light)}
 .paper-body p a,.paper-breadcrumb a,.paper-related .text-link,
 .contact-section .text-link,.contact-red-details .contact-email{color:var(--petrol-mid)}
 .paper-body p a:hover,.contact-section .text-link:hover,
 .contact-red-details .contact-email:hover{color:var(--orange-dark)}
 .insight-table thead{background:var(--petrol-dark);color:var(--mineral)}
 .contact-note,.source-note{color:var(--mint-dark)}
 .mock-app .mock-nav-heading{color:var(--mint-mid)}
 .mock-app .mock-organisation small,.mock-app .mock-nav-item:is(.is-active,:hover) small{color:var(--mineral)}
 .skip-link{background:var(--mineral);color:var(--petrol-dark)}
 .entry-page{background:var(--petrol-dark);color:var(--mineral)}
 .entry-page button{background:var(--orange-mid);color:var(--petrol-dark);border-color:var(--orange-mid)}
 .entry-page button:hover{background:var(--amber-light);border-color:var(--amber-light)}
 .entry-page input[aria-invalid=true]{border-color:var(--amber-light)}
 .entry-page .entry-error{color:var(--amber-light)}
}