:root {
    --kv-ink-950:#0b1713;
    --kv-ink-900:#10231d;
    --kv-ink-800:#183329;
    --kv-ink-700:#24493a;
    /* Brown identity palette. Legacy --kv-moss/--kv-sage names are kept only
       for backwards compatibility with existing selectors; they no longer
       render green anywhere in the theme. */
    --kv-prime:#8f5903;
    --kv-prime-light:#fbd79d;
    --kv-prime-soft:#f1e5d0;
    --kv-moss:var(--kv-prime);
    --kv-sage:#c7a36a;
    --kv-coral:#ff6b4a;
    --kv-sky:#bcd8ee;
    --kv-paper:#f6f3eb;
    --kv-paper-2:#eee9de;
    --kv-paper-3:#e4ded0;
    --kv-white:#fff;
    --kv-ink:#10231d;
    --kv-navy:var(--kv-ink-900); /* bakåtkompatibilitet för styleguide */
    --kv-ink-soft:#56645d;
    --kv-ink-faint:#8a958e;
    --kv-rule:rgba(16,35,29,.14);
    --kv-rule-strong:rgba(16,35,29,.28);
    --kv-ok:#276447;
    --kv-ok-pale:#e2f2e8;
    --kv-warn:#9a6510;
    --kv-warn-pale:#fff0cf;
    --kv-danger:#a73c31;
    --kv-danger-pale:#f9e3df;

    --kv-font-display:"DM Serif Display", Georgia, serif;
    --kv-font-text:"DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --kv-font-mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
    --kv-font-cond:var(--kv-font-text);

    --kv-text-xs:.75rem;
    --kv-text-sm:.875rem;
    --kv-text-base:1rem;
    --kv-text-md:clamp(1.08rem,1rem + .25vw,1.24rem);
    --kv-text-lg:clamp(1.35rem,1.1rem + .85vw,1.85rem);
    --kv-text-xl:clamp(2rem,1.55rem + 1.8vw,3.3rem);
    --kv-text-2xl:clamp(3rem,2rem + 4vw,6.7rem);
    --kv-text-3xl:clamp(4rem,2.4rem + 6vw,9.5rem);
    --kv-leading-tight:.95;
    --kv-leading-snug:1.16;
    --kv-leading-body:1.58;
    --kv-tracking-display:-.04em;
    --kv-tracking-label:.12em;

    --kv-space-1:.25rem;
    --kv-space-2:.5rem;
    --kv-space-3:.75rem;
    --kv-space-4:1rem;
    --kv-space-5:1.5rem;
    --kv-space-6:2rem;
    --kv-space-7:3rem;
    --kv-space-8:4.5rem;
    --kv-space-9:6.5rem;
    --kv-space-10:9rem;
    --kv-space-11:12rem;

    --kv-radius-sm:8px;
    --kv-radius:14px;
    --kv-radius-lg:28px;
    --kv-radius-xl:40px;
    --kv-radius-pill:999px;

    --kv-border:1px solid var(--kv-rule);
    --kv-border-firm:1px solid var(--kv-rule-strong);
    --kv-shadow-sm:0 8px 24px rgba(11,23,19,.08);
    --kv-shadow:0 20px 60px rgba(11,23,19,.12);
    --kv-shadow-lg:0 36px 100px rgba(5,16,12,.28);

    --kv-measure:68ch;
    --kv-width-wide:1380px;
    --kv-width-full:1640px;
    --kv-gutter:clamp(1.25rem,3.2vw,4rem);
    --kv-ease:cubic-bezier(.22,.8,.32,1);
    --kv-duration:280ms;
}
@media (prefers-reduced-motion:reduce){:root{--kv-duration:0ms}}