/* Nizhenets design kit — tokens
   Light: Marmara limestone (grey-green off-white). Dark: night harbour (mid-dark teal slate).
   Black (2026-10-20): neutral near-black for OLED / low light; the teal accent stays.
   One accent (teal) for interaction, one lamp (amber) for "live / attention". White and green use no pure black/white.
   Theme resolution: data-theme="light|dark|black" on <html> wins; otherwise the system preference (dark = green).
   Visible names: light = White, dark = Green (stored value stays "dark" for compatibility), black = Black. */
:root {
  color-scheme: light;

  --nz-canvas: #eef0eb;
  --nz-surface: #f7f8f5;
  --nz-raised: #e5e9e3;
  --nz-line: #cfd6cf;
  --nz-line-strong: #aeb8ae;

  --nz-ink: #1f2928;
  --nz-ink-2: #56665f;
  --nz-ink-3: #5e6965;

  --nz-accent: #246e67;
  --nz-accent-ink: #ffffff;
  --nz-accent-soft: #d9e9e6;
  --nz-accent-hover: #1d5a54;

  --nz-lamp: #8a5d0f;
  --nz-lamp-glow: #e2aa52;

  --nz-ok: #27683f;      --nz-ok-soft: #dcebdf;
  --nz-warn: #80530c;    --nz-warn-soft: #f3e6cc;
  --nz-bad: #aa3d47;     --nz-bad-soft: #f2dcde;
  --nz-info: #2f5f9e;    --nz-info-soft: #dbe5f3;

  --nz-font-sans: "IBM Plex Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
  --nz-font-serif: "IBM Plex Serif", Georgia, "Times New Roman", serif;
  --nz-font-mono: "IBM Plex Mono", Consolas, "Cascadia Mono", "SF Mono", monospace;

  --nz-text-xs: 13px;
  --nz-text-sm: 14px;
  --nz-text-md: 15px;
  --nz-text-lg: 17px;
  --nz-text-xl: 21px;
  --nz-text-2xl: 26px;
  --nz-text-3xl: 33px;
  --nz-leading: 1.5;
  --nz-leading-tight: 1.25;

  --nz-space-1: 4px;
  --nz-space-2: 8px;
  --nz-space-3: 12px;
  --nz-space-4: 16px;
  --nz-space-5: 20px;
  --nz-space-6: 24px;
  --nz-space-8: 32px;
  --nz-space-10: 40px;
  --nz-space-12: 48px;

  --nz-radius-plate: 14px;
  --nz-radius-control: 8px;
  --nz-radius-pill: 999px;

  --nz-focus: 0 0 0 2px var(--nz-canvas), 0 0 0 4px var(--nz-accent);
  --nz-shadow-float: 0 12px 32px rgba(20, 30, 28, 0.18);

  --nz-measure: 72ch;
  --nz-content: 1240px;
  --nz-gutter: clamp(16px, 3vw, 32px);
  --nz-masthead-h: 56px;
  --nz-rail-w: 232px;

  --nz-ease: cubic-bezier(0.2, 0, 0, 1);
  --nz-fast: 120ms;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --nz-canvas: #1c2729;
  --nz-surface: #243133;
  --nz-raised: #2c3b3d;
  --nz-line: #3a4b4d;
  --nz-line-strong: #52666a;
  --nz-ink: #e2e8e5;
  --nz-ink-2: #9fb0ad;
  --nz-ink-3: #99a6a1;
  --nz-accent: #5fb3aa;
  --nz-accent-ink: #10201e;
  --nz-accent-soft: #223c3a;
  --nz-accent-hover: #76c4bb;
  --nz-lamp: #e2aa52;
  --nz-lamp-glow: #e2aa52;
  --nz-ok: #6cc08f;      --nz-ok-soft: #22392c;
  --nz-warn: #e2aa52;    --nz-warn-soft: #3d3222;
  --nz-bad: #e47a83;     --nz-bad-soft: #43282b;
  --nz-info: #7fb0ea;    --nz-info-soft: #22354a;
  --nz-shadow-float: 0 12px 32px rgba(0, 0, 0, 0.45);
}

:root[data-theme="black"] {
  color-scheme: dark;
  --nz-canvas: #0a0a0a;
  --nz-surface: #121212;
  --nz-raised: #1b1b1b;
  --nz-line: #2a2a2a;
  --nz-line-strong: #6b6b6b;
  --nz-ink: #ededed;
  --nz-ink-2: #b3b3b3;
  --nz-ink-3: #8f8f8f;
  --nz-accent: #5ec2b5;
  --nz-accent-ink: #04110f;
  --nz-accent-soft: #0f2a27;
  --nz-accent-hover: #80d4c9;
  --nz-lamp: #e8b260;
  --nz-lamp-glow: #e8b260;
  --nz-ok: #6fcf97;      --nz-ok-soft: #0e2a1b;
  --nz-warn: #e8b260;    --nz-warn-soft: #2b2010;
  --nz-bad: #f08a92;     --nz-bad-soft: #331417;
  --nz-info: #8dbcf2;    --nz-info-soft: #10213a;
  --nz-shadow-float: 0 12px 32px rgba(0, 0, 0, 0.7);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]):not([data-theme="black"]) {
    color-scheme: dark;
    --nz-canvas: #1c2729;
    --nz-surface: #243133;
    --nz-raised: #2c3b3d;
    --nz-line: #3a4b4d;
    --nz-line-strong: #52666a;
    --nz-ink: #e2e8e5;
    --nz-ink-2: #9fb0ad;
    --nz-ink-3: #99a6a1;
    --nz-accent: #5fb3aa;
    --nz-accent-ink: #10201e;
    --nz-accent-soft: #223c3a;
    --nz-accent-hover: #76c4bb;
    --nz-lamp: #e2aa52;
    --nz-lamp-glow: #e2aa52;
    --nz-ok: #6cc08f;      --nz-ok-soft: #22392c;
    --nz-warn: #e2aa52;    --nz-warn-soft: #3d3222;
    --nz-bad: #e47a83;     --nz-bad-soft: #43282b;
    --nz-info: #7fb0ea;    --nz-info-soft: #22354a;
    --nz-shadow-float: 0 12px 32px rgba(0, 0, 0, 0.45);
  }
}