/**
 * AUTO-GENERATED by scripts/build-tokens.mjs — DO NOT EDIT BY HAND.
 * Source: tokens/tokens.json  ·  Rebuild: npm run tokens:build
 */
:root{
  /* ===== Color ===== */
  --color-bg:#000000;
  --color-white:#ffffff;
  --color-text:#f4f4f4;
  --color-muted:#8f8f8f;
  --color-subtle:#555555;
  --color-pane-border:#1a1a1a;
  --color-accent:#ff4d4d;
  --color-accent-border:rgba(255,77,77,0.6);
  --color-accent-soft:rgba(255,77,77,0.15);
  --color-accent-text:#ffb3b3;
  --color-line:rgba(255,255,255,0.22);
  --color-line-strong:rgba(255,255,255,0.55);
  --color-glass:rgba(255,255,255,0.05);
  --color-glass-faint:rgba(255,255,255,0.06);
  --color-glass-strong:rgba(255,255,255,0.08);
  --color-glass-hover:rgba(255,255,255,0.14);
  --color-button-primary-hover:#e2e2e2;
  --color-loader-bg:#0d0d0d;
  --color-glass-solid:rgba(12,12,12,0.78);

  /* ===== Font ===== */
  --font-family-base:'Segoe UI', Roboto, Arial, sans-serif;
  --font-size-9:9px;
  --font-size-10:10px;
  --font-size-11:11px;
  --font-size-12:12px;
  --font-size-13:13px;
  --font-size-16:16px;
  --font-size-24:24px;
  --font-size-10-5:10.5px;
  --font-size-11-5:11.5px;
  --font-size-12-5:12.5px;
  --font-weight-regular:400;
  --font-weight-semibold:600;
  --font-weight-bold:700;

  /* ===== Letter Spacing ===== */
  --letter-spacing-0:0;
  --letter-spacing-2:2px;
  --letter-spacing-0-5:0.5px;
  --letter-spacing-0-8:0.8px;
  --letter-spacing-1-2:1.2px;
  --letter-spacing-1-5:1.5px;

  /* ===== Line Height ===== */
  --line-height-1-3:1.3;
  --line-height-1-5:1.5;
  --line-height-1-55:1.55;
  --line-height-1-6:1.6;

  /* ===== Radius ===== */
  --radius-3:3px;
  --radius-4:4px;
  --radius-8:8px;
  --radius-10:10px;
  --radius-12:12px;
  --radius-14:14px;
  --radius-18:18px;
  --radius-20:20px;
  --radius-24:24px;
  --radius-round:50%;

  /* ===== Space ===== */
  --space-1:1px;
  --space-2:2px;
  --space-3:3px;
  --space-4:4px;
  --space-5:5px;
  --space-6:6px;
  --space-7:7px;
  --space-8:8px;
  --space-10:10px;
  --space-12:12px;
  --space-14:14px;
  --space-16:16px;
  --space-18:18px;
  --space-20:20px;
  --space-22:22px;
  --space-24:24px;
  --space-28:28px;
  --space-36:36px;
  --space-48:48px;
  --space-56:56px;
  --space-64:64px;
  --space-100:100px;

  /* ===== Size ===== */
  --size-icon:20px;
  --size-touch-target:44px;
  --size-dock:64px;
  --size-sheet-max:52dvh;
  --size-sheet-landscape:340px;

  /* ===== Breakpoint ===== */
  --breakpoint-mobile:768px;
  --breakpoint-landscape-height:500px;

  /* ===== Z Index ===== */
  --z-index-pane-label:3;
  --z-index-overlay:5;
  --z-index-panel:6;
  --z-index-dock:8;

  /* ===== Blur ===== */
  --blur-10:10px;
  --blur-16:16px;
  --blur-22:22px;

  /* ===== Saturate ===== */
  --saturate-panel:160%;

  /* ===== Border Width ===== */
  --border-width-1:1px;
  --border-width-1-5:1.5px;

  /* ===== Duration ===== */
  --duration-fast:0.15s;
  --duration-base:0.18s;
  --duration-slow:0.5s;
  --duration-sheet:0.28s;

  /* ===== Shadow ===== */
  --shadow-panel:0 20px 60px rgba(0,0,0,0.55), inset 0 1px 0 rgba(255,255,255,0.06);
  --shadow-sheet:0 -12px 40px rgba(0,0,0,0.6), inset 0 1px 0 rgba(255,255,255,0.06);

  /* ===== Easing ===== */
  --easing-standard:cubic-bezier(0.2,0.8,0.2,1);
}