/* ============================================================
   Hegnar felles designsystem — Puls (hub/) + Annonseportalen (web/)
   Claude Design, 2. august 2026.

   ÉN kilde for begge tjenester. --ds-* er fasit; --ap-*-aliasene
   nederst holder eksisterende portal-kode i live. Puls bruker
   --ds-* direkte. Visuell fasit med all markup:
   docs/design/bibliotek/Bibliotek.dc.html

   ADVARSEL (behold blokken ved re-eksport): skriv ALDRI
   tegnsekvensen stjerne+skråstrek inne i en CSS-kommentar —
   den avslutter kommentaren og dreper token-blokken etterpå.
   Sjekk etter endring: nøyaktig én :root-blokk i filen.
   ============================================================ */
:root {
  /* Primær */
  --ds-blue: #0A66D6;
  --ds-blue-hover: #08509f;
  --ds-blue-tint: #0A66D614;          /* 8 %-tint: ikonsirkler, tag-piller */
  --ds-btn-gradient: linear-gradient(180deg, #2f7ae0, #0A4FAF);
  --ds-navy: #10294D;
  --ds-navy-deep: #0C2140;
  --ds-hero-gradient: linear-gradient(160deg, #17417D, #0C2140);   /* «Nå»-banner, tilbuds-hero */
  --ds-sidebar-gradient: #024588; /* v3: flat Finansavisen-navy, samme som Puls-sidebaren (eiers beslutning 8. august 2026) */
  --ds-nav-active: rgba(47, 122, 224, .32);
  --ds-nav-text: rgba(255, 255, 255, .72);

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

  /* Flater */
  --ds-bg: #EEF1F6;                   /* desktop-grunn (mobil: #F2F2F7) */
  --ds-bg-mobile: #F2F2F7;
  --ds-card: #ffffff;                 /* kort: ALDRI border, kun skygge */
  --ds-well: #E8EAF0;                 /* brønner: segmented, kanban, felt-fyll */
  --ds-input: #F2F2F7;
  --ds-thead: #F8F9FB;
  --ds-inset: #F8F9FB;                /* innfelte moduler i kort (periodisering) */
  --ds-tint-blue-surface: #EFF4FB;    /* lys blå flate (estimatstripe) */
  --ds-divider: #F4F4F7;
  --ds-divider-strong: #EDEDF2;
  --ds-border-ghost: #E2E4EA;         /* inset-ring på ghost-knapper/felter */

  /* Semantisk (tint = samme hex + 14-suffiks) */
  --ds-red: #E5484D;      --ds-red-tint: #E5484D14;
  --ds-amber: #E58A00;    --ds-amber-tint: #E58A0014;
  --ds-green: #1F9D55;    --ds-green-tint: #1F9D5514;
  --ds-purple: #7B5CD6;   --ds-purple-tint: #7B5CD614;
  --ds-teal: #0F7B94;     --ds-teal-tint: #0F7B9414;

  /* Graf */
  --ds-chart-1: #10294D;   /* primærserie (i år) */
  --ds-chart-2: #9DC2EE;   /* sammenlikning (i fjor) */
  --ds-chart-3: #5A93E0;   /* dagssøyler */
  --ds-chart-4: #DCE7F5;   /* mål/bakgrunnsserie */
  --ds-chart-bar: #0A66D6;      /* toppuker i periodisering */
  --ds-chart-bar-soft: #7FA8DD; /* øvrige uker */

  /* Form */
  --ds-radius-card: 18px;
  --ds-radius-card-lg: 20px;
  --ds-radius-inner: 14px;
  --ds-radius-control: 10px;
  --ds-radius-pill: 999px;
  --ds-shadow-card: 0 1px 2px rgba(16, 24, 40, .05);
  --ds-shadow-pop: 0 10px 34px -10px rgba(16, 24, 40, .25);
  --ds-shadow-modal: 0 24px 60px -18px rgba(6, 12, 24, .55);
  --ds-shadow-btn: 0 4px 10px -3px rgba(10, 79, 175, .5);
  --ds-shadow-seg: 0 1px 3px rgba(16, 24, 40, .12);   /* valgt pille i segmented */

  /* Type: ETT fontvalg for begge tjenester */
  --ds-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
}

/* --- Aliaser: eksisterende --ap-kode i web/ fortsetter å virke --- */
:root {
  --ap-blue: var(--ds-blue);
  --ap-blue-hover: var(--ds-blue-hover);
  --ap-btn-gradient: var(--ds-btn-gradient);
  --ap-navy: var(--ds-navy);
  --ap-navy-deep: var(--ds-navy-deep);
  --ap-sidebar-gradient: var(--ds-sidebar-gradient);
  --ap-nav-active: var(--ds-nav-active);
  --ap-nav-text: var(--ds-nav-text);
  --ap-text: var(--ds-text);
  --ap-text-2: var(--ds-text-2);
  --ap-text-3: var(--ds-text-3);
  --ap-muted: var(--ds-muted);
  --ap-faint: var(--ds-faint);
  --ap-bg: var(--ds-bg);
  --ap-card: var(--ds-card);
  --ap-well: var(--ds-well);
  --ap-input: var(--ds-input);
  --ap-thead: var(--ds-thead);
  --ap-chart-1: var(--ds-chart-1);
  --ap-chart-2: var(--ds-chart-2);
  --ap-chart-3: var(--ds-chart-3);
  --ap-chart-4: var(--ds-chart-4);
  --ap-radius-card-lg: var(--ds-radius-card-lg);
  --ap-shadow-card: var(--ds-shadow-card);
  --ap-shadow-btn: var(--ds-shadow-btn);
}

/* ============================================================
   Hegnar felles designsystem · TILLEGG v2, 5. august 2026
   Gjennomgangen (Del B). Limes inn ETTER :root-blokkene i
   hub/src/hegnar-ds.css og web/public/ds/hegnar-ds.css.
   Samme advarsel som hovedfilen: skriv aldri stjerne+skråstrek
   inne i en kommentar.
   ============================================================ */
:root {
  /* AI-signaturen · samme i begge apper (fra hub/src/components/ai.js) */
  --ds-ai: #7B5CD6;
  --ds-ai-ring: #7B5CD62E;
  --ds-ai-skille: #7B5CD61F;
  --ds-ai-gradient: linear-gradient(135deg, #0A66D6, #7B5CD6);
  --ds-ai-flate: linear-gradient(135deg, #0A66D60D, #7B5CD60D);

  /* Tilstandsvokabularet: manglende tall er en egen tilstand, aldri 0 */
  --ds-missing: #A9AAB0;            /* streken og «ikke målt ennå» */
  --ds-stale: #8E8E93;              /* utdatert-chip: «synket for 3 t siden» */
  --ds-stale-bg: #F2F2F7;
  --ds-error: var(--ds-red);        /* feilet lesing: strek + rødt merke */
  --ds-error-bg: var(--ds-red-tint);
  --ds-partial: var(--ds-amber);    /* delvis: noe mangler, resten står */
  --ds-partial-bg: var(--ds-amber-tint);

  /* Delt mot personlig · én form overalt */
  --ds-shared: var(--ds-teal);      /* «Delt · teamet ser den samme» */
  --ds-shared-bg: var(--ds-teal-tint);
  --ds-personal: #5B6472;           /* «Bare du» */
  --ds-personal-bg: #EDEDF2;

  /* Pacing-dommen · ETT terskelsett, skrives av synken på gam/adops.
     Rød under 85 (under-pacing), grønn 85 til 108 (på skjema),
     amber over 108 (overlevering). Ingen flate dømmer selv. */
  --ds-pacing-under: var(--ds-red);
  --ds-pacing-on: var(--ds-green);
  --ds-pacing-over: var(--ds-amber);

  /* Skjemakontrakten */
  --ds-hit: 44px;                                   /* minste trefflate */
  --ds-focus-ring: 0 0 0 3px rgba(10, 102, 214, .28);
}