/* Guidernes og de juridiske siders palet. Navnene stammer fra dengang sitet var mørkt, og de er beholdt, fordi de bruges i hele filen — men VÆRDIERNE er sandet nu, som resten af sitet. Læs dem som roller og ikke som farver: --nat er grunden, --hvid er blækket, --taage er den dæmpede tekst. De to paletter skal holdes i sync i hånden. Filen her deler ingen kode med src/styles/tokens.css, fordi disse sider er ren HTML uden byggetrin — det er hele grunden til, at de virker uden JavaScript. Skifter paletten igen, skal begge filer rettes. */ :root { color-scheme: light; --nat: #ece2d0; --flade: #f8f3ea; --hvid: #2a2118; --taage: #56493a; --ler-lys: #9d4d24; --kant: rgba(42,33,24,.14); } * { box-sizing: border-box; } body { margin: 0; background: var(--nat); color: var(--hvid); font-family: 'Space Grotesk', system-ui, sans-serif; font-size: 1.0625rem; line-height: 1.65; -webkit-font-smoothing: antialiased; } @font-face { font-family: 'Archivo'; font-weight: 400 900; font-stretch: 100% 125%; font-display: swap; src: url('/skrifter/archivo-latin.woff2') format('woff2'); } @font-face { font-family: 'Space Grotesk'; font-weight: 300 700; font-display: swap; src: url('/skrifter/space-grotesk-latin.woff2') format('woff2'); } .ark { max-width: 46rem; margin-inline: auto; padding: clamp(3rem, 8vw, 6rem) clamp(1.25rem, 4vw, 2rem) 6rem; } h1 { font-family: 'Archivo', sans-serif; font-weight: 800; letter-spacing: -.04em; font-size: clamp(2.2rem, 6vw, 3.4rem); line-height: 1.02; margin: 0 0 .6rem; } h2 { font-family: 'Archivo', sans-serif; font-weight: 700; letter-spacing: -.03em; font-size: clamp(1.2rem, 2.4vw, 1.5rem); margin: 2.6rem 0 .7rem; } p, li { color: var(--taage); margin: 0 0 .9rem; } strong { color: var(--hvid); } ul { padding-left: 1.15rem; } a { color: var(--ler-lys); } .tilbage { display: inline-flex; gap: .5rem; align-items: center; color: var(--taage); text-decoration: none; font-size: .9375rem; margin-bottom: 2.5rem; } .tilbage:hover { color: var(--hvid); } .dato { color: #6b5d4b; font-size: .875rem; margin-bottom: 2.5rem; } .udfyld { display: block; border: 1px dashed var(--ler-lys); border-radius: 10px; padding: .9rem 1.1rem; margin: 1.2rem 0; color: var(--ler-lys); font-size: .9375rem; background: rgba(157,77,36,.06); } /* ---------- artikelsider ---------- Samme ark som de juridiske sider, men artikler har brug for tre ting mere: en manchet, et tredje overskriftsniveau og en afslutning der sender læseren videre. Ikke et nyt design, kun de dele der mangler. */ h3 { font-family: 'Archivo', sans-serif; font-weight: 700; letter-spacing: -.02em; font-size: clamp(1.05rem, 2vw, 1.2rem); color: var(--hvid); margin: 2rem 0 .5rem; } ol { padding-left: 1.15rem; } li { margin-bottom: .5rem; } .manchet { color: var(--hvid); font-size: clamp(1.1rem, 2.2vw, 1.3rem); line-height: 1.5; margin-bottom: 2rem; } /* Faktalinjen står i mono som alle andre tal på sitet. */ .fakta { font-family: ui-monospace, 'SF Mono', Menlo, monospace; font-size: .875rem; color: #6b5d4b; margin-bottom: 2.5rem; } .kald { border: 1px solid var(--kant); border-radius: 18px; padding: clamp(1.4rem, 3vw, 2rem); margin-top: 3rem; background: var(--flade); } .kald h2 { margin-top: 0; } .kald p:last-child { margin-bottom: 0; } .knapkald { display: inline-block; margin-top: .6rem; padding: .8rem 1.4rem; border-radius: 999px; background: var(--hvid); color: var(--nat); text-decoration: none; font-weight: 600; } .knapkald:hover { background: var(--ler-lys); } /* ---------- læs også ---------- Guiderne stod før som blindgyder: hver af dem blev linket ét eneste sted fra, nederst på forsiden, og de linkede ikke til hinanden. På et site med seks adresser er der ikke intern linkkraft nok til at bære dem enkeltvis. Blokken er en