/* Nora Web – design tokens (farger, skygger, typografi) for lyst og mørkt tema.
 * Dette er ENESTE sted farger defineres. Alle andre stilark og skript bruker var(--…).
 * Temaet velges med <html data-tema="lys|mork"> (satt av serveren fra brukeren og av tema.js).
 * Standard (ingen attributt) = lyst. */

:root, :root[data-tema="lys"] {
  color-scheme: light;
  --bg: #f5f6f8;            /* sidebakgrunn */
  --bg2: #eceef2;           /* innfelt bakgrunn (faner, segmentvalg) */
  --kort: #ffffff;          /* kort, dialoger, toppfelt */
  --kort2: #f3f4f7;         /* knapper, rad-hover */
  --felt: #ffffff;          /* skjemafelt */
  --kant: #e3e6ec;
  --kant2: #d0d5de;
  --kant-sterk: #9aa3b2;
  --tekst: #161a22;
  --dempet: #4f5968;        /* 7,0:1 på hvitt */
  --svak: #636d7d;          /* 5,1:1 på hvitt, 4,7:1 på --bg */
  --aksent: #047857;        /* merkevare (Nora-grønn), 5,5:1 på hvitt */
  --aksent-tekst: #ffffff;
  --aksent-hover: #065f46;
  --aksent-myk: #e7f6ef;
  --fokus: rgba(4, 120, 87, .28);
  --gronn: #137a3a; --bla: #1d4ed8; --gul: #95600a; --rosa: #be185d; --rod: #c62828; --lilla: #6d28d9;
  --gronn-bg: #e9f7ee; --gronn-kant: #a7dcb8;
  --bla-bg: #eaf1fe;   --bla-kant: #b4cbf7;
  --gul-bg: #fdf5e1;   --gul-kant: #ecd08e;
  --rod-bg: #fdecec;   --rod-kant: #f2b8b8;
  --lilla-bg: #f2edfd; --lilla-kant: #cfbff5;
  --rod-tekst: #9b1c1c; --gul-tekst: #7c4a03;
  --rad-hover: #f5f7fa;
  --linje: #edf0f4;         /* tabellrader, tidslinje */
  --spor: #e6e9ef;          /* bakgrunn i målere/stolper */
  --skygge: 0 1px 2px rgba(16, 24, 40, .05), 0 1px 3px rgba(16, 24, 40, .06);
  --skygge-stor: 0 20px 50px rgba(16, 24, 40, .18);
  --bakteppe: rgba(15, 18, 25, .45);
  --kode-bg: #f6f8fa;
  --kode-tekst: #24292f;
  --terminal-bg: #ffffff;      /* = lys xterm-bakgrunn i terminal-tema.js */
  /* Graf-palett (lyst tema: mørkere toner for kontrast mot hvitt) */
  --g-gronn: #16a34a; --g-bla: #2563eb; --g-gul: #ca8a04; --g-amber: #d97706; --g-oransje: #ea580c;
  --g-rosa: #db2777; --g-lilla: #7c3aed; --g-rod: #dc2626; --g-cyan: #0891b2; --g-fuchsia: #c026d3;
  --g-rutenett: #edf0f4; --g-akse: #636d7d; --g-strek: #9aa3b2;
}

:root[data-tema="mork"] {
  color-scheme: dark;
  --bg: #0f1115;
  --bg2: #0b0d11;
  --kort: #171a21;
  --kort2: #1e222b;
  --felt: #0f1115;
  --kant: #262b36;
  --kant2: #313846;
  --kant-sterk: #4a5261;
  --tekst: #e6e8ee;
  --dempet: #a1aabb;
  --svak: #858e9e;          /* 5,5:1 på --kort */
  --aksent: #4ade80;
  --aksent-tekst: #052e16;
  --aksent-hover: #6ee7a0;
  --aksent-myk: #0f2a1a;
  --fokus: rgba(74, 222, 128, .25);
  --gronn: #4ade80; --bla: #60a5fa; --gul: #fbbf24; --rosa: #f472b6; --rod: #f87171; --lilla: #a78bfa;
  --gronn-bg: #0f2a1a; --gronn-kant: #166534;
  --bla-bg: #0f1d30;   --bla-kant: #1e3a5f;
  --gul-bg: #2a1d08;   --gul-kant: #713f12;
  --rod-bg: #2a0f0f;   --rod-kant: #7f1d1d;
  --lilla-bg: #1d1430; --lilla-kant: #4c1d95;
  --rod-tekst: #fecaca; --gul-tekst: #fde68a;
  --rad-hover: #1b1f28;
  --linje: #1f232c;
  --spor: #232833;
  --skygge: none;
  --skygge-stor: 0 20px 60px rgba(0, 0, 0, .5);
  --bakteppe: rgba(5, 7, 10, .7);
  --kode-bg: #0b0d11;
  --kode-tekst: #cbd5e1;
  --terminal-bg: #0f1115;
  --g-gronn: #4ade80; --g-bla: #60a5fa; --g-gul: #fbbf24; --g-amber: #f59e0b; --g-oransje: #fb923c;
  --g-rosa: #f472b6; --g-lilla: #a78bfa; --g-rod: #f87171; --g-cyan: #22d3ee; --g-fuchsia: #e879f9;
  --g-rutenett: #222731; --g-akse: #7c8595; --g-strek: #4a5261;
}

:root {
  --font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  --radius: 10px;
  --radius-liten: 7px;
}