/**
 * JPKLabs - Tokens
 * Farben, Abstände, Radien, Schriften und Layoutmaße der JPKLabs-Welt (Labs-OS-Basis)
 *
 * @version 3.5.0
 * @author JPK / AI
 * @created 2026
 * @lastModified 2026-10-23
 */

:root {
  --jpk-color-bg: #0a0a0a;
  --jpk-color-surface: #141414;
  --jpk-color-glass: rgba(20, 20, 20, 0.88);
  --jpk-color-inset: rgba(255, 255, 255, 0.018);
  --jpk-color-inset-line: rgba(255, 255, 255, 0.035);
  --jpk-color-raised: #1c1c1c;
  --jpk-color-border: #282828;
  --jpk-color-border-strong: #3a3a3a;
  --jpk-color-text: #f5f1ea;
  --jpk-color-text2: #cdc7bc;
  --jpk-color-dim: #8a847a;
  --jpk-color-brand: #ff7a29;
  --jpk-color-brand-hover: #ff9a52;
  --jpk-color-brand-from: #ff9a52;
  --jpk-color-brand-to: #e05e00;
  --jpk-color-brand-soft: rgba(255, 122, 41, 0.1);
  --jpk-color-brand-line: rgba(255, 122, 41, 0.35);
  --jpk-color-on-brand: #14100a;
  --jpk-color-insider: #ff4fa0;
  --jpk-color-signal: #00f2fe;
  --jpk-color-ok: #38ef7d;
  --jpk-color-warn: #f4b740;
  --jpk-color-error: #ff5c5c;
  --jpk-color-error-line: rgba(255, 92, 92, 0.4);
  --jpk-color-overlay: rgba(0, 0, 0, 0.6);
  --jpk-color-bar: rgba(20, 20, 20, 0.88);
  --jpk-color-field: rgba(10, 10, 10, 0.7);
  --jpk-color-grid: rgba(40, 40, 40, 0.2);

  --jpk-backdrop-grid-size: 60;
  --jpk-backdrop-particles: 60;
  --jpk-backdrop-link: 130;

  --jpk-gradient-brand: linear-gradient(135deg, var(--jpk-color-brand-from), var(--jpk-color-brand-to));

  --jpk-receipt-ink: #14120f;
  --jpk-amt-desk: #5a3f2a;
  --jpk-amt-desk-dark: #2e2016;
  --jpk-amt-pad: #2f4a3a;
  --jpk-amt-pad-edge: #1b2c22;
  --jpk-amt-paper: #f2f0e6;
  --jpk-amt-paper-shade: #e2dfd0;
  --jpk-amt-form: #2f6b5a;
  --jpk-amt-form-soft: rgba(47, 107, 90, 0.1);
  --jpk-amt-form-line: rgba(47, 107, 90, 0.45);
  --jpk-amt-type: #1e2030;
  --jpk-amt-marker: rgba(255, 226, 0, 0.55);
  --jpk-amt-card: #fbf8ef;
  --jpk-amt-card-rule: rgba(31, 79, 168, 0.16);
  --jpk-amt-card-top: #c0392b;
  --jpk-amt-folder: #d9b46c;
  --jpk-amt-folder-dark: #a8823f;
  --jpk-amt-stamp-red: #b3261e;
  --jpk-amt-stamp-blue: #2453a6;
  --jpk-amt-stamp-green: #2e7d4f;
  --jpk-amt-stamp-violet: #6b3fa0;
  --jpk-amt-shadow: rgba(0, 0, 0, 0.45);
  --jpk-amt-type-font: "Courier New", Courier, "Nimbus Mono PS", monospace;
  --jpk-amt-form-font: "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
  --jpk-paper-bg: #f3ead6;
  --jpk-paper-weekend: #ebdfc4;
  --jpk-paper-edge: #d9c9a6;
  --jpk-paper-line: rgba(92, 68, 32, 0.16);
  --jpk-paper-ink: #2b2620;
  --jpk-paper-pencil: #6e675c;
  --jpk-paper-pen: #1f4fa8;
  --jpk-paper-alert: #b3261e;
  --jpk-paper-note: #fbf5e4;
  --jpk-paper-tape: rgba(255, 251, 236, 0.62);
  --jpk-paper-ring: #b9b9b9;
  --jpk-paper-ring-shade: #6b6b6b;
  --jpk-paper-hole: #1a1712;
  --jpk-paper-shadow: rgba(0, 0, 0, 0.5);
  --jpk-paper-wood: #6b4a30;
  --jpk-paper-wood-dark: #3d2918;
  --jpk-paper-eraser: #c97b8e;
  --jpk-paper-font: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;
  --jpk-paper-hand: "Segoe Print", "Bradley Hand", "Chalkboard SE", "Comic Sans MS", cursive;
  --jpk-stamp-frueh: #2453a6;
  --jpk-stamp-spaet: #8e1f2f;
  --jpk-stamp-mittel: #2e7d4f;
  --jpk-stamp-urlaub: #b07a12;
  --jpk-stamp-zwangsurlaub: #6b5a86;
  --jpk-counter-body: #c3c8cd;
  --jpk-counter-body-light: #e4e7ea;
  --jpk-counter-body-shade: #8f959b;
  --jpk-counter-brush: rgba(255, 255, 255, 0.16);
  --jpk-counter-engrave: #33383e;
  --jpk-counter-engrave-light: rgba(255, 255, 255, 0.55);
  --jpk-counter-lcd: #08140c;
  --jpk-counter-lcd-on: #5dff8a;
  --jpk-counter-lcd-dim: rgba(93, 255, 138, 0.55);
  --jpk-counter-lcd-off: rgba(93, 255, 138, 0.07);
  --jpk-counter-lcd-glow: rgba(93, 255, 138, 0.45);
  --jpk-counter-key: #2a2d31;
  --jpk-counter-key-top: #3b3f45;
  --jpk-counter-key-edge: #101214;
  --jpk-counter-key-ink: #eef1f3;
  --jpk-counter-key-go: #1f7a3c;
  --jpk-counter-key-go-top: #2c9a50;
  --jpk-counter-key-stop: #a8301f;
  --jpk-counter-key-stop-top: #c8432f;
  --jpk-counter-led-ok: #3dff6e;
  --jpk-counter-led-bad: #ff3b30;
  --jpk-counter-led-warn: #ffc23d;
  --jpk-counter-led-off: #3b3534;
  --jpk-counter-slot: #15171a;
  --jpk-counter-tray: #2b2f34;
  --jpk-counter-band: #f1ead8;
  --jpk-counter-band-strip: #7c5a3a;
  --jpk-counter-band-exchange: #4a6b8a;
  --jpk-counter-shadow: rgba(0, 0, 0, 0.55);
  --jpk-counter-font: "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
  --jpk-note-5: #8f9497;
  --jpk-note-10: #c0504d;
  --jpk-note-20: #3f6fb5;
  --jpk-note-50: #e08a3c;
  --jpk-note-100: #4f9a5a;
  --jpk-note-200: #c9a83a;
  --jpk-crt-glow: #1b1030;
  --jpk-crt-deep: #08050f;
  --jpk-crt-frame: #1a1a1a;
  --jpk-crt-ink: #c9b8ff;
  --jpk-crt-shift: #6c5cff;
  --jpk-tape-shell: #151515;
  --jpk-tape-rib: #191919;
  --jpk-tape-label: #f0e9db;
  --jpk-tape-window: #0a0a0a;
  --jpk-tape-reel: #3a3a3a;
  --jpk-tafel-board: #f4f6f5;
  --jpk-tafel-board-shine: rgba(255, 255, 255, 0.75);
  --jpk-tafel-grid: rgba(40, 70, 100, 0.14);
  --jpk-tafel-grid-strong: rgba(40, 70, 100, 0.34);
  --jpk-tafel-weekend: rgba(40, 70, 100, 0.06);
  --jpk-tafel-frame: #b9bfc5;
  --jpk-tafel-frame-light: #e6e9ec;
  --jpk-tafel-frame-dark: #737a81;
  --jpk-tafel-marker: #1c2c44;
  --jpk-tafel-marker-soft: rgba(28, 44, 68, 0.55);
  --jpk-tafel-marker-ghost: rgba(28, 44, 68, 0.28);
  --jpk-tafel-marker-red: #c62828;
  --jpk-tafel-frei: #dfe4e8;
  --jpk-tafel-holiday: rgba(198, 40, 40, 0.09);
  --jpk-tafel-postit: #ffd84d;
  --jpk-tafel-postit-ink: #5a4500;
  --jpk-tafel-magnet-ink: #ffffff;
  --jpk-tafel-magnet-shine: rgba(255, 255, 255, 0.38);
  --jpk-tafel-tray: #d5dade;
  --jpk-tafel-tray-dark: #959ca3;
  --jpk-tafel-wall: #2b3138;
  --jpk-tafel-wall-dark: #1a1e23;
  --jpk-tafel-shadow: rgba(0, 0, 0, 0.45);
  --jpk-tafel-ok: #2e9d57;
  --jpk-tafel-low: #d99a00;
  --jpk-tafel-over: #d0342c;
  --jpk-tafel-font: "Segoe Print", "Bradley Hand", "Chalkboard SE", "Comic Sans MS", cursive;
  --jpk-tafel-label-font: "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
  --jpk-karton-bg: #b88a5a;
  --jpk-karton-light: #c99c6b;
  --jpk-karton-dark: #8c6239;
  --jpk-karton-edge: #6f4a28;
  --jpk-karton-room: #2a2219;
  --jpk-karton-room-dark: #17120d;
  --jpk-karton-flute: rgba(80, 50, 20, 0.08);
  --jpk-karton-sheen: rgba(255, 255, 255, 0.12);
  --jpk-karton-stencil: #2a1d12;
  --jpk-karton-tape: rgba(222, 196, 140, 0.78);
  --jpk-karton-tape-edge: rgba(150, 115, 60, 0.35);
  --jpk-karton-label: #fbfaf6;
  --jpk-karton-label-line: rgba(30, 26, 22, 0.14);
  --jpk-karton-ink: #1d1a16;
  --jpk-karton-ink-soft: #6b6359;
  --jpk-karton-field: #f2efe7;
  --jpk-karton-ok: #2e7d4f;
  --jpk-karton-warn: #c27c0e;
  --jpk-karton-bad: #b3261e;
  --jpk-karton-open: #c9c2b4;
  --jpk-karton-flag: #fff3c4;
  --jpk-karton-go: #1f6f43;
  --jpk-karton-go-top: #2a8a56;
  --jpk-karton-laser: rgba(230, 30, 30, 0.75);
  --jpk-karton-shadow: rgba(0, 0, 0, 0.35);
  --jpk-karton-stencil-font: "Arial Black", "Helvetica Neue", Impact, sans-serif;
  --jpk-karton-label-font: "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
  --jpk-library-shelf: #3b2a1c;
  --jpk-library-shelf-dark: #1f160e;
  --jpk-library-shelf-edge: #5a4029;
  --jpk-library-spine-1: #7a2b2b;
  --jpk-library-spine-2: #1f3a5f;
  --jpk-library-spine-3: #2f5a3a;
  --jpk-library-spine-4: #8a6a2a;
  --jpk-library-spine-5: #4a3a5f;
  --jpk-library-gilt: #d9b46c;
  --jpk-mc-sky-top: #0d1430;
  --jpk-mc-sky-mid: #22305e;
  --jpk-mc-sky-low: #4a4f8a;
  --jpk-mc-hill: #16251c;
  --jpk-mc-hill-far: #1f3328;
  --jpk-mc-grass: #5dbb3a;
  --jpk-mc-grass-dark: #3d8a26;
  --jpk-mc-dirt: #6b4a2f;
  --jpk-mc-dirt-dark: #4a321f;
  --jpk-mc-deep: #121318;
  --jpk-mc-slate: #1c1d23;
  --jpk-mc-slate-up: #26282f;
  --jpk-mc-slot: #0c0d10;
  --jpk-mc-bevel-light: rgba(255, 255, 255, 0.14);
  --jpk-mc-bevel-dark: rgba(0, 0, 0, 0.55);
  --jpk-mc-stone: #6f7178;
  --jpk-mc-stone-up: #8a8c94;
  --jpk-mc-stone-down: #3c3e44;
  --jpk-mc-emerald: #17dd62;
  --jpk-mc-emerald-dark: #0d8f3f;
  --jpk-mc-redstone: #e0392b;
  --jpk-mc-redstone-dark: #8e1c13;
  --jpk-mc-lamp: #ffb347;
  --jpk-mc-lamp-glow: rgba(255, 179, 71, 0.55);
  --jpk-mc-diamond: #4de0e6;
  --jpk-mc-gold: #f6c744;
  --jpk-mc-xp: #7ee03a;
  --jpk-mc-lapis: #345ec3;
  --jpk-mc-enchant: rgba(170, 120, 255, 0.35);
  --jpk-mc-text: #f2f2f2;
  --jpk-mc-text-dim: #a0a3aa;
  --jpk-mc-shadow-text: #2a2a2a;
  --jpk-mc-chat-info: #d6d6d6;
  --jpk-mc-chat-warn: #ffd84a;
  --jpk-mc-chat-cmd: #55ffff;
  --jpk-mc-chat-say: #ffffff;
  --jpk-mc-chat-bg: rgba(0, 0, 0, 0.55);

  --jpk-blur: blur(10px);

  --jpk-space-xs: 4px;
  --jpk-space-sm: 8px;
  --jpk-space-md: 12px;
  --jpk-space-lg: 16px;
  --jpk-space-xl: 20px;
  --jpk-space-xxl: 32px;

  --jpk-radius-sm: 4px;
  --jpk-radius-md: 6px;
  --jpk-radius-lg: 8px;

  --jpk-font-mono: ui-monospace, "SF Mono", "Cascadia Code", "Consolas", "Roboto Mono", monospace;
  --jpk-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  --jpk-text-micro: 10px;
  --jpk-text-label: 11px;
  --jpk-text-small: 13px;
  --jpk-text-body: 15px;
  --jpk-text-heading: 17px;
  --jpk-text-title: 22px;
  --jpk-text-display: clamp(26px, 5vw, 34px);

  --jpk-tracking-label: 0.12em;

  --jpk-mark-size: 12px;
  --jpk-mark-stroke: 2px;
  --jpk-mark-offset: -4px;

  --jpk-gutter: 16px;
  --jpk-bar-height: 56px;
  --jpk-content-max: 1100px;
  --jpk-sidebar-width: 220px;
  --jpk-sidebar-collapsed: 60px;
  --jpk-widgets-max: 1280px;
  --jpk-feature-max: 1440px;
  --jpk-safe-top: env(safe-area-inset-top, 0px);
  --jpk-safe-bottom: env(safe-area-inset-bottom, 0px);

  --jpk-duration-fast: 120ms;
  --jpk-duration-base: 220ms;
}

@media (min-width: 900px) {
  :root {
    --jpk-gutter: 20px;
  }
}