/* ═══════════════════════════════════════════════════════════════ * MOLSLINJEN CVI — DESIGN TOKENS * * ÉN kilde til brand-værdier for hele beregner.molslinjen.dk. * Ændrer du en farve her, slår den igennem på alle sider. * * Tidligere lå de samme tokens dobbelt: både i /CSS/brand.css og * i :root i /CSS/style2.css — på tre sider hver. Begge steder er * afløst af denne fil. * * Korolev leveres af Adobe Typekit (use.typekit.net/izc7his.js), som * hver side loader i . Vi har ikke Core Rhino i repoet; den står * som fallback fordi CVI'en nævner den. * ═══════════════════════════════════════════════════════════════ */ :root { /* ── Primær palette ─────────────────────────────────────────── */ /* Dyb Havblå — Pantone 295 C. Tekst, mørke flader, kort-landmasse. */ --color-dyb-havblaa: #002547; --color-dyb-havblaa-80: #33516c; /* 80% over hvid */ --color-dyb-havblaa-60: #667c91; /* 60% over hvid */ --color-dyb-havblaa-40: #99a8b5; /* 40% over hvid */ --color-dyb-havblaa-20: #ccd3da; /* 20% over hvid */ --color-dyb-havblaa-08: rgba(0, 37, 71, 0.08); /* hairlines, subtile fills */ --color-havskum: #ffffff; --color-sand: #f5f3ee; /* varm lys bund — ikke ren hvid */ /* ── Sekundær palette ───────────────────────────────────────── */ --color-havblaa: #005ba9; /* Pantone 2144 C */ --color-havblaa-soft: #1e7ac4; /* ── Accent — KUN til CTA ───────────────────────────────────── */ --color-cta: #00b5ed; /* Pantone 298 */ --color-cta-hover: #33c4f0; /* ── Special — KUN til lavpris-tilbud ───────────────────────── */ --color-lavpris: #f18700; --color-lavpris-hover: #ffa733; /* ── Kort ───────────────────────────────────────────────────── */ /* Vandfarven er grafiker-specificeret RGB(113,150,206). Landmassen er --color-dyb-havblaa. Bruges af JS/cvi-map.js, som ikke kan læse CSS-variabler — hold værdierne her og i det modul i sync. */ --color-kort-vand: #7196ce; /* ── Typografi ──────────────────────────────────────────────── */ --font-display: "Korolev", "Core Rhino", "Helvetica Neue", Helvetica, Arial, sans-serif; --font-body: var(--font-display); --font-mono: "JetBrains Mono", "SF Mono", Menlo, monospace; /* ── Layout ─────────────────────────────────────────────────── */ --max-w: 1400px; --max-w-wide: 1480px; /* nav, footer, handoff */ --gutter: 20px; --radius-card: 0.5rem; --radius-pill: 99rem; /* Vertikal sektions-rytme — én kilde til section-padding (top/bund). Bruges af split-sections, FAQ og rabat-grid, så afstanden er konsistent. */ --section-pad-y: 100px; /* ── Motion ─────────────────────────────────────────────────── */ --ease: cubic-bezier(.2, .7, .3, 1); }