/* ============================================================================
   HF Visualizer — design-tokens v1.12.0 "HYBRID"
   Kontrakt: tests/harness/mockups/retning-hybrid.html + collab/DECISIONS.md
   A-grundlag (Schibsted Grotesk, stram hierarki, 12-14px radius) + B-varme
   (papir/kort/tekst). Petroleum-CTA, INGEN GUL. Groen kun til done-tilstande.
   Gamle variabelnavne (--hf-primary, --hf-bg-page, ...) beholdes som aliasser,
   saa eksisterende regler i visualizer.css faar de nye vaerdier automatisk.
   ============================================================================ */

/* Selvhostet Schibsted Grotesk (variabel wght 400-900, OFL 1.1 - se fonts/OFL.txt) */
@font-face {
    font-family: 'Schibsted Grotesk';
    font-style: normal;
    font-weight: 400 900;
    font-display: swap;
    src: url('fonts/schibsted-grotesk-var-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Schibsted Grotesk';
    font-style: normal;
    font-weight: 400 900;
    font-display: swap;
    src: url('fonts/schibsted-grotesk-var-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
    /* ---- Ny navnegivning (M3-lag bruger disse) ---- */
    --hf-brand: #31586a;
    --hf-brand-deep: #24455a;
    --hf-brand-light: #4d7386;
    --hf-brand-tint: #eaf1f5;
    --hf-brand-tint-2: #f3f8fb;
    --hf-ink: #22292e;
    --hf-text: #54666f;
    --hf-muted: #8b968f;
    --hf-line: #dee5e0;
    --hf-line-soft: #eaeee9;
    --hf-paper: #faf9f4;
    --hf-card: #fffefb;
    --hf-stage: #0f1b22;
    --hf-stage-2: #16242e;
    --hf-danger: #c2410c;
    --hf-r: 14px;
    --hf-r-s: 10px;
    --hf-r-pill: 999px;
    --hf-focus-ring: 0 0 0 3px rgba(49, 88, 106, 0.35);
    --hf-font-display: 'Schibsted Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
    --hf-font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --hf-bar-h: 76px;
    --hf-keyboard-offset: 0px;

    /* ---- Gamle navne = aliasser med nye vaerdier (bruges af visualizer.css) ---- */
    --hf-primary: var(--hf-brand);
    --hf-primary-light: var(--hf-brand-light);
    --hf-primary-dark: var(--hf-brand-deep);
    --hf-accent: var(--hf-brand); /* GUL UDGAAET (Kenni 08-08) - accent = petroleum */
    --hf-success: #128a5f;
    --hf-text-dark: var(--hf-ink);
    --hf-text-muted: var(--hf-text);
    --hf-bg-page: var(--hf-paper);
    --hf-bg-card: var(--hf-card);
    --hf-border: var(--hf-line);
    --hf-radius: var(--hf-r);
    --hf-shadow-sm: 0 1px 2px rgba(34, 41, 46, 0.05);
    --hf-shadow-md: 0 1px 2px rgba(34, 41, 46, 0.05), 0 10px 30px rgba(90, 80, 50, 0.08);
    --hf-shadow-lg: 0 3px 8px rgba(34, 41, 46, 0.09), 0 22px 48px rgba(90, 80, 50, 0.13);
    --hf-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

    /* Realistic Textures (relative til denne fil) */
    --hf-tex-antracit: url('textures/brædde_antracit_thumb.webp');
    --hf-tex-graa: url('textures/brædde_graa_thumb.webp');
    --hf-tex-staal: url('textures/stolpe_staal_thumb.webp');
    --hf-tex-komposit: url('textures/stolpe_komposit_thumb.webp');
}