/* ============================================================
   Annonseportalen (Inventar) — designtokens for web/
   Claude Design, 1. august 2026.

   Annonseportalens eget designspråk: dashbord i Inter, hvite kort
   uten ramme på kjølig grå flate, navy sidebar, én blå primærfarge
   og navy/lysblå grafpalett med semantisk grønn/rød/amber. Deler
   visuell slekt med Puls (hub/), men er en egen tjeneste med egne
   tokens — de to skal ikke peke på hverandre.

   Bruk: importer ETTER ds/colors_and_type.css. Aliasene nederst
   repoints eksisterende hm- og fa-variabler, så dashkit.js og
   Inventar.js flytter seg langt bare av denne filen. Resten står
   i ANNONSEPORTAL-OVERGANG.md (hardkodede verdier i dashkit.js).

   ADVARSEL (behold denne blokken ved re-eksport): skriv ALDRI
   tegnsekvensen stjerne+skråstrek inne i en CSS-kommentar — den
   avslutter kommentaren for tidlig og dreper hele token-blokken
   etterpå (det var feilen 1. august). Sjekk etter endring: filen
   skal ha nøyaktig én :root-blokk og 53 --ap-variabler.
   ============================================================ */
:root {
  /* Primær */
  --ap-blue: #0A66D6;
  --ap-blue-hover: #08509f;
  --ap-btn-gradient: linear-gradient(180deg, #2f7ae0, #0A4FAF);
  --ap-navy: #10294D;
  --ap-navy-deep: #0C2140;
  --ap-sidebar-gradient: #024588; /* v3: flat Finansavisen-navy, samme som Puls-sidebaren */
  --ap-nav-active: rgba(47, 122, 224, .32);   /* aktiv nav-pille på sidebar */
  --ap-nav-text: rgba(255, 255, 255, .72);
  --ap-nav-dot: rgba(255, 255, 255, .28);
  --ap-nav-dot-active: #7EB3F5;

  /* Tekst */
  --ap-text: #0C1524;
  --ap-text-2: #3C3C43;
  --ap-text-3: #5B6472;
  --ap-muted: #8E8E93;
  --ap-faint: #A9AAB0;

  /* Flater */
  --ap-bg: #EEF1F6;              /* desktop-grunn */
  --ap-card: #ffffff;            /* kort: INGEN border, kun skygge */
  --ap-well: #E9ECF2;            /* kanban-/tabellhode-brønn */
  --ap-thead: #F8F9FB;           /* tabellhode-fill */
  --ap-input: #E8EAF0;           /* søkefelt, seg-pille-brønn */
  --ap-divider: #F4F4F7;         /* radskille i kort */
  --ap-border-soft: #EFF0F4;
  --ap-row-hover: #F5F7FB;
  --ap-row-selected: #EFF5FD;

  /* Semantisk (tekst/ikon i full styrke, fill som 8 %-tint: hex+'14') */
  --ap-red: #E5484D;
  --ap-amber: #E58A00;
  --ap-green: #1F9D55;
  --ap-purple: #7B5CD6;
  --ap-red-tint: #E5484D14;
  --ap-amber-tint: #E58A0014;
  --ap-green-tint: #1F9D5514;
  --ap-blue-tint: #0A66D614;

  /* Grafpalett (rekkefølge = prioritet i stablede/parvise grafer) */
  --ap-chart-1: #10294D;   /* i år / hovedserie */
  --ap-chart-2: #9DC2EE;   /* i fjor / sekundær */
  --ap-chart-3: #5A93E0;   /* tette dagssøyler */
  --ap-chart-4: #DCE7F5;   /* budsjettmål / bakgrunnsserie */
  --ap-chart-5: #0FA08F;   /* teal-innslag i stablede grafer */
  --ap-chart-line-pos: #1F9D55;
  --ap-chart-line-a: #2f7ae0;   /* FA i linjegrafer */
  --ap-chart-line-b: #E5484D;   /* konkurrent i linjegrafer */
  --ap-chart-track: #EDEDF2;    /* progresjonsspor */

  /* Radier */
  --ap-radius-card: 16px;      /* KPI-kort */
  --ap-radius-card-lg: 18px;   /* grafkort, tabellkort */
  --ap-radius-input: 10px;
  --ap-radius-tag: 6px;
  --ap-radius-pill: 999px;

  /* Skygger — kort har ALDRI border */
  --ap-shadow-card: 0 1px 2px rgba(16, 24, 40, .05);
  --ap-shadow-hover: 0 4px 12px rgba(16, 24, 40, .1);
  --ap-shadow-btn: 0 4px 10px -3px rgba(10, 79, 175, .5);
  --ap-shadow-overlay: 0 24px 70px rgba(16, 24, 40, .3);
  --ap-scrim: rgba(12, 21, 36, .3);

  /* Motion */
  --ap-ease: cubic-bezier(.32, .72, 0, 1);
  --ap-fade: .2s;

  /* ============================================================
     REPOINT av eksisterende aliaser (colors_and_type.css)
     Disse flytter dashkit/Inventar mot det nye uttrykket uten kodeendring.
     ============================================================ */
  --hm-navy: var(--ap-navy);
  --hm-navy-deep: var(--ap-navy-deep);
  --hm-accent: var(--ap-blue);
  --color-bg-tinted: var(--ap-bg);
  --color-fg: var(--ap-text);
  --color-fg-muted: var(--ap-muted);
  --color-link: var(--ap-blue);
  --color-action: var(--ap-blue);
  --color-action-hover: var(--ap-blue-hover);
  --color-positive: var(--ap-green);
  --color-negative: var(--ap-red);
  --fa-blue-500: var(--ap-blue);
  --shadow-100: var(--ap-shadow-card);
  --shadow-200: var(--ap-shadow-hover);
  --radius-md: var(--ap-radius-input);
  --radius-lg: var(--ap-radius-card);
}

/* Typescale-tillegg for dashbordet (Inter beholdes) */
.ap-kicker { font: 700 11px/1.3 var(--font-sans-product); letter-spacing: .8px; text-transform: uppercase; color: var(--ap-muted); }
.ap-kpi-num { font: 700 23px/1.15 var(--font-sans-product); letter-spacing: -.7px; color: var(--ap-text); font-variant-numeric: tabular-nums; }
.ap-meta { font: 400 12.5px/1.4 var(--font-sans-product); color: var(--ap-muted); }
.ap-row-title { font: 600 13px/1.35 var(--font-sans-product); letter-spacing: -.1px; color: var(--ap-text); }