/* Firmaradar design tokens — v1.2
   Import or @import this before your stylesheet. Every color, radius and
   shadow in the Firmaradar design system is expressed as a CSS custom
   property defined on :root. Override per-theme by redefining on a
   wrapper element.
   
   Last updated: 2026-04-24
*/

:root {
    /* ── Brand (indigo) ────────────────────────────────────── */
    --brand:         #1e40af;
    --brand-strong:  #1e3a8a;
    --brand-50:      #eff6ff;
    --brand-100:     #dbeafe;
    --brand-300:     #93c5fd;
    --brand-600:     #2563eb;
    --brand-700:     #1d4ed8;

    /* ── Nøytrale ──────────────────────────────────────────── */
    --text:          #0f172a;
    --muted:         #64748b;
    --line:          #e2e8f0;
    --line-faint:    #f1f5f9;
    /* Alias-tokens (wired 2026-06-01): --border/--text-muted ble referert bredt
       i templates/CSS/JS men aldri definert (renderet som inherit / ingen border).
       Knyttet til de definerte søsken-tokenene de åpenbart var ment å være. */
    --border:        var(--line);
    --text-muted:    var(--muted);
    /* --border-faint: samme klasse latent-bug (brukt 38× men aldri definert,
       bl.a. search.html sekundærrad-skillelinjer). Aliaset til --line-faint
       (den lyse skillefargen den åpenbart var ment å være). Wired 2026-06-02. */
    --border-faint:  var(--line-faint);
    --panel:         #ffffff;
    --panel-alt:     #f8fafc;
    --bg:            #f1f5f9;

    /* ── Semantiske ────────────────────────────────────────── */
    --success:        #15803d;
    --success-bg:     #dcfce7;
    --success-border: #bbf7d0;
    --warn:           #b45309;
    --warn-bg:        #fef3c7;
    --warn-border:    #fcd34d;
    --danger:         #b91c1c;
    --danger-bg:      #fee2e2;
    --danger-border:  #fecaca;
    --neutral-bg:     #f1f5f9;
    --neutral-border: #cbd5e1;

    /* ── Diagram-palett (6 farger, bestillbar rekkefølge) ──── */
    --chart-1: #1e40af;  /* brand */
    --chart-2: #15803d;  /* success-grønn */
    --chart-3: #b45309;  /* warn-oransje */
    --chart-4: #7c3aed;  /* lilla */
    --chart-5: #0891b2;  /* cyan */
    --chart-6: #f97316;  /* mørk oransje */

    /* ── Radier ────────────────────────────────────────────── */
    --radius-xs:  4px;
    --radius-sm:  6px;
    --radius-md:  8px;
    --radius-lg:  12px;
    --radius-xl:  16px;
    --radius-pill: 999px;

    /* ── Skygger ───────────────────────────────────────────── */
    --shadow-sm:  0 1px 2px rgba(15, 23, 42, 0.05);
    --shadow-md:  0 4px 12px rgba(15, 23, 42, 0.05);
    --shadow-lg:  0 8px 20px rgba(15, 23, 42, 0.08);
    --shadow-xl:  0 20px 40px rgba(15, 23, 42, 0.12);

    /* ── Spacing (8 px skala) ──────────────────────────────── */
    --space-1:  4px;
    --space-2:  8px;
    --space-3:  12px;
    --space-4:  16px;
    --space-5:  20px;
    --space-6:  24px;
    --space-8:  32px;
    --space-10: 40px;
    --space-12: 48px;
    --space-16: 64px;

    /* ── Type-stack ────────────────────────────────────────── */
    --font-ui:   -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
    --font-mono: 'SF Mono', Menlo, Consolas, monospace;

    /* ── Gradient (tittel/forside/hero) ────────────────────── */
    --gradient-brand: linear-gradient(135deg, #1e3a8a 0%, #1e40af 58%, #2563eb 100%);
}