/* Generated from tokens.json. PixelKit 4.2. Do not edit. */
@import url("fonts.css");
:root {
  --pk-paper: #f3f3f2;
  --pk-card: #fbfbf7;
  --pk-ink: #141518;
  --pk-muted: #3c3e43;
  --pk-faint: #4f5158;
  --pk-hair: rgba(20,22,26,.10);
  --pk-rule: rgba(20,22,26,.26);
  --pk-danger: #b4462d;
  --pk-coral: #c04f31;
  --pk-blue: #3a6cbf;
  --pk-mint: #2f8f63;
  --pk-violet: #8256b8;
  --pk-ok: #2f8f63;
  --pk-warn: #96690a;
  --pk-crit: #c04f31;
  --pk-info: #3a6cbf;
  --pk-soft: #e8e8e7;
  --pk-key: #e6e6e5;
  --pk-key-edge: #cdcdcd;
  --pk-primary: #333437;
  --pk-primary-edge: #69696b;
  --pk-on-primary: #f3f3f2;
  --pk-sky-night: #d4dce9;
  --pk-sky-dawn: #efe3c0;
  --pk-sky-day: #fbfbf7;
  --pk-sky-dusk: #dcd4e6;
  --pk-selected-bg: rgba(58,108,191,.12);
  --pk-ok-bg: rgba(47,143,99,.13);
  --pk-warn-bg: rgba(150,105,10,.13);
  --pk-crit-bg: rgba(192,79,49,.12);
  --pk-violet-bg: rgba(130,86,184,.12);
  --pk-focus: var(--pk-blue);
  --pk-on-danger: #ffffff;
  --pk-grade-s: #8256b8;
  --pk-grade-a: #267d54;
  --pk-grade-b: #3a6cbf;
  --pk-grade-c: #96690a;
  --pk-grade-d: #b4462d;
  --pk-on-grade: #ffffff;
  --pk-kind-item: var(--pk-blue);
  --pk-kind-item-bg: var(--pk-selected-bg);
  --pk-kind-number: var(--pk-mint);
  --pk-kind-number-bg: var(--pk-ok-bg);
  --pk-kind-state: var(--pk-coral);
  --pk-kind-state-bg: var(--pk-crit-bg);
  --pk-kind-action: var(--pk-violet);
  --pk-kind-action-bg: var(--pk-violet-bg);
  --pk-kind-place: var(--pk-warn);
  --pk-kind-place-bg: var(--pk-warn-bg);
  --pk-mono: "JetBrains Mono", ui-monospace, SF Mono, Menlo, Consolas, monospace;
  --pk-sans: "Fixel Text", -apple-system, SF Pro Text, Inter, Segoe UI, system-ui, sans-serif;
  --pk-hand: Chalkboard SE, Comic Sans MS, Comic Neue, cursive;
  --pk-type-pageTitle: 56px;
  --pk-type-section: 28px;
  --pk-type-body: 17px;
  --pk-type-data: 14px;
  --pk-type-label: 14px;
  --pk-space-1: 4px;
  --pk-space-2: 8px;
  --pk-space-3: 12px;
  --pk-space-4: 16px;
  --pk-space-6: 24px;
  --pk-space-8: 32px;
  --pk-space-12: 48px;
  --pk-space-16: 64px;
  --pk-space-24: 96px;
  --pk-sprite-yellow: #e0a90f;
  --pk-sprite-orange: #d96a1e;
}
[data-pk-theme="dark"] {
  --pk-paper: #151517;
  --pk-card: #1c1c1f;
  --pk-ink: #ebebe7;
  --pk-muted: #b9bab5;
  --pk-faint: #a1a29d;
  --pk-hair: rgba(255,255,255,.10);
  --pk-rule: rgba(255,255,255,.26);
  --pk-danger: #ad422b;
  --pk-coral: #d0603f;
  --pk-blue: #4a7dd6;
  --pk-mint: #379d70;
  --pk-violet: #9268cc;
  --pk-ok: #379d70;
  --pk-warn: #b8860b;
  --pk-crit: #d0603f;
  --pk-info: #4a7dd6;
  --pk-soft: #222223;
  --pk-key: #2a2a2c;
  --pk-key-edge: #444445;
  --pk-primary: #444445;
  --pk-primary-edge: #6f6f6e;
  --pk-on-primary: #ebebe7;
  --pk-sky-night: #1d2534;
  --pk-sky-dawn: #2d2716;
  --pk-sky-day: #28282a;
  --pk-sky-dusk: #2c2438;
  --pk-selected-bg: rgba(74,125,214,.18);
  --pk-ok-bg: rgba(55,157,112,.18);
  --pk-warn-bg: rgba(184,134,11,.18);
  --pk-crit-bg: rgba(208,96,63,.18);
  --pk-violet-bg: rgba(146,104,204,.18);
}
@media (prefers-color-scheme: dark) {
[data-pk-theme="auto"] {
  --pk-paper: #151517;
  --pk-card: #1c1c1f;
  --pk-ink: #ebebe7;
  --pk-muted: #b9bab5;
  --pk-faint: #a1a29d;
  --pk-hair: rgba(255,255,255,.10);
  --pk-rule: rgba(255,255,255,.26);
  --pk-danger: #ad422b;
  --pk-coral: #d0603f;
  --pk-blue: #4a7dd6;
  --pk-mint: #379d70;
  --pk-violet: #9268cc;
  --pk-ok: #379d70;
  --pk-warn: #b8860b;
  --pk-crit: #d0603f;
  --pk-info: #4a7dd6;
  --pk-soft: #222223;
  --pk-key: #2a2a2c;
  --pk-key-edge: #444445;
  --pk-primary: #444445;
  --pk-primary-edge: #6f6f6e;
  --pk-on-primary: #ebebe7;
  --pk-sky-night: #1d2534;
  --pk-sky-dawn: #2d2716;
  --pk-sky-day: #28282a;
  --pk-sky-dusk: #2c2438;
  --pk-selected-bg: rgba(74,125,214,.18);
  --pk-ok-bg: rgba(55,157,112,.18);
  --pk-warn-bg: rgba(184,134,11,.18);
  --pk-crit-bg: rgba(208,96,63,.18);
  --pk-violet-bg: rgba(146,104,204,.18);
}
}