/* PixelKit tokens v1.3 - canonical. Style guide:
   https://claude.ai/code/artifact/3e5ebd2a-a56c-4d89-8cb3-23b283fb316b */
:root {
  /* light (default) */
  --pk-paper: #f3f3f2;
  --pk-card: #fbfbf7;           /* rarely used: interfaces only */
  --pk-ink: #191a1c;
  --pk-muted: #4c4e53;
  --pk-faint: #75777d;
  --pk-hair: rgba(20,22,26,.10);
  --pk-rule: rgba(20,22,26,.26);
  /* series, fixed order (CVD-validated on light paper) */
  --pk-coral: #c04f31;
  --pk-blue: #3a6cbf;
  --pk-mint: #2f8f63;
  --pk-violet: #8256b8;
  /* statuses */
  --pk-ok: #2f8f63;
  --pk-warn: #96690a;
  --pk-crit: #c04f31;
  --pk-info: #3a6cbf;
  /* sprite-only accents (never on the page) */
  --pk-sprite-yellow: #e0a90f;
  --pk-sprite-orange: #d96a1e;
  /* type */
  --pk-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --pk-sans: -apple-system, "SF Pro Text", Inter, "Segoe UI", system-ui, sans-serif;
  --pk-hand: "Chalkboard SE", "Comic Sans MS", "Comic Neue", cursive;
}
/* dark theme "Вугілля" - interfaces, dashboards, wall screens */
[data-pk-theme="dark"] {
  --pk-paper: #151517;
  --pk-card: #1c1c1f;
  --pk-ink: #d9d9d5;
  --pk-muted: #a8a9a5;
  --pk-faint: #83847f;
  --pk-hair: rgba(255,255,255,.10);
  --pk-rule: rgba(255,255,255,.26);
  /* series re-derived for dark surface (CVD-validated) */
  --pk-coral: #d0603f;
  --pk-blue: #4a7dd6;
  --pk-mint: #379d70;
  --pk-violet: #9268cc;
  --pk-ok: #379d70;
  --pk-warn: #b8860b;
  --pk-crit: #d0603f;
  --pk-info: #4a7dd6;
}