/* ============================================================================
   Rajdar Design Tokens — ENDA KÄLLAN för färg/typografi/rum/radie/skugga.
   Grundad i Framtidsanalys-modulens designspråk (.fa-*), som är produktens
   mest konsekventa yta. Primärblå = #2f6fb0 (samma som PWA theme-color).

   Laddas FÖRST (före style.css m.fl.) på alla användarvända sidor. Rent
   additiv: definierar bara variabler. Befintliga --var-system pekas stegvis
   mot dessa tokens (se style.css, header-redesign.css m.fl.).

   Konvention: --color-* = UI-krom. Data-enkodningar (kategori-, heat- och
   entitetsfärger) hålls separata så de aldrig blandas ihop med primärfärgen.
   ========================================================================== */

:root {
    /* --- Brand / primär (FA #2f6fb0) --- */
    --color-primary:        #2f6fb0;
    --color-primary-hover:  #275f96;
    --color-primary-active: #27598e;
    --color-primary-strong: #1e40af;   /* mörkblå text/betoning */
    --color-primary-ink:    #1e3a8a;   /* mörkaste navy */
    --color-primary-tint:   #eef4fa;   /* ljus bakgrundston */

    /* --- Accenter --- */
    --color-accent:         #6d4aa8;   /* FA "method"-lila (kicker/eyebrow) */
    --color-accent-tint:    #f4f0fb;
    --color-accent-indigo:  #6366f1;   /* entitet/graf-accent (legitimt distinkt) */

    /* --- Text/ink --- */
    --color-ink:            #1a2231;   /* rubriker/primär text */
    --color-text:           #1a2231;
    --color-text-secondary: #424b57;   /* brödtext */
    --color-text-muted:     #5f6875;   /* meta/dämpad — AA-säker på vitt (≈5.6:1) */
    --color-text-faded:     #7b8699;   /* svagast tillåtna för text (≈4.0:1, endast stor text) */

    /* --- Ytor/kanter --- */
    --color-surface:        #ffffff;
    --color-bg-page:        #f5f7fa;
    --color-bg-panel:       #f5f7f9;   /* --fa-panel */
    --color-bg-soft:        #fafbfd;
    --color-border:         #e1e6ee;   /* --fa-line / --am-line */
    --color-border-strong:  #c9d0d8;   /* --fa-line2 */

    /* --- Semantiska --- */
    --color-success:        #16a34a;
    --color-warning:        #d97706;
    --color-danger:         #b91c1c;
    --color-info:           #2f6fb0;

    /* --- Heat-skala (DATA-enkodning, ej krom) --- */
    --heat-hot:  #d8563e;
    --heat-warm: #c8821a;
    --heat-cool: #3b6db3;
    --heat-dim:  #6b7384;

    /* --- Typografi --- */
    --font-heading: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-body:    'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-report:  'Public Sans', -apple-system, 'Segoe UI', sans-serif; /* endast PDF-rapport */
    --fw-regular:  400;
    --fw-medium:   500;
    --fw-semibold: 600;
    --fw-bold:     700;
    --fw-black:    800;

    /* --- Radie --- */
    --radius-sm:   6px;
    --radius-md:   8px;
    --radius-lg:   12px;
    --radius-xl:   14px;
    --radius-pill: 999px;

    /* --- Skugga --- */
    --shadow-xs:    0 1px 2px rgba(20, 30, 55, 0.05);
    --shadow-sm:    0 1px 2px rgba(20, 30, 55, 0.06);
    --shadow-md:    0 2px 8px rgba(20, 30, 55, 0.08);
    --shadow-lg:    0 24px 60px rgba(15, 22, 40, 0.28);            /* modaler */
    --shadow-popup: 0 12px 32px rgba(15, 23, 42, 0.14), 0 4px 8px rgba(15, 23, 42, 0.06);
}