/* Felles: genererte Kai-tokens for artikkeloversikt og lesesider. Kilde: index.html; ikke rediger her. */
:root {
  --font-display: "Syne", Arial, Helvetica, sans-serif;
  --font-body: "Instrument Sans", Arial, Helvetica, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, Menlo, monospace;
  --w-display: 700;
  --track-display: -.02em;
  --lh-display: .98;
  --t-label: clamp(.7rem, .64rem + .3vw, .85rem);
  --t-body: clamp(1rem, .95rem + .25vw, 1.125rem);
  --t-h3: clamp(1.75rem, 1.1rem + 1.6vw, 2.75rem);
  --t-h2: clamp(2.5rem, 1.5rem + 3vw, 4.75rem);
  --t-h1: clamp(3rem, 1.25rem + 3.75vw, 5.6rem);
  --gap-title: 1.25rem;
  --island-h: 40px;
  --island-r: 12px;
  --bg: #f8fbfb;
  --bg-kai: #f8fbfb;
  --surface: #ffffff;
  --surface-2: #ecf1f2;
  --surface-3: #dffbff;
  --surface-glass: rgba(255, 255, 255, .6);
  --ink: #161c1d;
  --muted: #616b6d;
  --hairline: #d6dcdd;
  --ink-green: #3a4446;
  --wash-a: #e4ebec;
  --wash-b: #cdd7d9;
  --wash-c: #b3c0c3;
  --nav-fill: #151919;
  --nav-fill-hover: #252a2b;
  --nav-text: #e8ecec;
  --nav-accent: #83dcea;
  --wordmark: #c9d2d3;
  --hero-a: #fcfdfd;
  --hero-b: #f3f6f6;
  --hero-c: #e9eeef;
  --menu-bg: #151919;
  --menu-ink: #e8ecec;
  --menu-muted: #9fa6a7;
  --dim: #0b0e0e;
  --stack-border: #d6dcdd;
  --stack-back: #c5cdce;
  --stack-back-1: #dde3e4;
  --stack-back-3: #b5bec0;
  --deck-hidden: #ecf1f2;
  --progress-track: #d6dcdd;
  --progress-fill: #00798a;
  --accent: #00798a;
  --cyan: #83dcea;
  --eyes: #161c1d;
  color-scheme: light;
}
:root[data-theme="dark"] {
  --bg: #151919;
  --bg-kai: #171b1b;
  --surface: #1e2324;
  --surface-2: #1c2122;
  --surface-3: #152a2e;
  --surface-glass: rgba(255, 255, 255, .05);
  --ink: #e8ecec;
  --muted: #9fa6a7;
  --hairline: #313737;
  --ink-green: #b4bcbd;
  --wash-a: #232a2b;
  --wash-b: #1b2122;
  --wash-c: #151a1b;
  --nav-fill: #0b0e0e;
  --nav-fill-hover: #1e2324;
  --nav-text: #e8ecec;
  --nav-accent: #83dcea;
  --wordmark: #262c2d;
  --hero-a: #1e2324;
  --hero-b: #181c1d;
  --hero-c: #121516;
  --menu-bg: #0b0e0e;
  --menu-ink: #e8ecec;
  --menu-muted: #9fa6a7;
  --dim: #000000;
  --stack-border: #313737;
  --stack-back: #222728;
  --stack-back-1: #2a3031;
  --stack-back-3: #1c2122;
  --deck-hidden: #1c2122;
  --progress-track: #2a3031;
  --progress-fill: #83dcea;
  --accent: #83dcea;
  --cyan: #83dcea;
  --eyes: #83dcea;
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]) {
  --bg: #151919;
  --bg-kai: #171b1b;
  --surface: #1e2324;
  --surface-2: #1c2122;
  --surface-3: #152a2e;
  --surface-glass: rgba(255, 255, 255, .05);
  --ink: #e8ecec;
  --muted: #9fa6a7;
  --hairline: #313737;
  --ink-green: #b4bcbd;
  --wash-a: #232a2b;
  --wash-b: #1b2122;
  --wash-c: #151a1b;
  --nav-fill: #0b0e0e;
  --nav-fill-hover: #1e2324;
  --nav-text: #e8ecec;
  --nav-accent: #83dcea;
  --wordmark: #262c2d;
  --hero-a: #1e2324;
  --hero-b: #181c1d;
  --hero-c: #121516;
  --menu-bg: #0b0e0e;
  --menu-ink: #e8ecec;
  --menu-muted: #9fa6a7;
  --dim: #000000;
  --stack-border: #313737;
  --stack-back: #222728;
  --stack-back-1: #2a3031;
  --stack-back-3: #1c2122;
  --deck-hidden: #1c2122;
  --progress-track: #2a3031;
  --progress-fill: #83dcea;
  --accent: #83dcea;
  --cyan: #83dcea;
  --eyes: #83dcea;
  color-scheme: dark;
}
}