/* @lumenbytelabs/tokens — generated from src/tokens.js; do not edit. */
:root {
  --lb-void: #0A0A14;
  --lb-surface: #12111B;
  --lb-panel: #17141F;
  --lb-line: #2A2740;
  --lb-lumen: #00F2FF;
  --lb-magenta: #FF299E;
  --lb-terra: #FF8C61;
  --lb-amber: #FFD933;
  --lb-text: #E8E6F0;
  --lb-muted: #8B8B9A;
  --lb-danger: #FF4F6D;
  --lb-status-info: var(--lb-lumen);
  --lb-status-success: var(--lb-lumen);
  --lb-status-warning: var(--lb-amber);
  --lb-status-danger: var(--lb-danger);
  --lb-status-accent: var(--lb-magenta);
  --lb-status-prompt: var(--lb-terra);
  --lb-font-mono: "JetBrains Mono", "SF Mono", ui-monospace, Menlo, Consolas, monospace;
  --lb-font-sans: Inter, system-ui, -apple-system, sans-serif;
  --lb-motion-keystroke: 60ms;
  --lb-motion-blink: 1100ms;
  --lb-motion-crossfade: 250ms;
  --lb-motion-arrive: 300ms;
  --lb-motion-navigate: 180ms;
  --lb-motion-drift: 20000ms;
  --lb-motion-ring: 150ms;
  --lb-motion-pulse: 1500ms;
  --lb-motion-toast: 3000ms;
  --lb-ease: cubic-bezier(0.2, 0, 0, 1);
  --lb-rise: 4px;
  --lb-resolve-blur: 4px;
  --lb-scanline-line: 4px;
  --lb-scanline-period: 14px;
  --lb-scanline-alpha: 0.1;
  --lb-glow-radius: 12px;
  --lb-glow-cap: 0.25;
  --lb-caret-fill: var(--lb-amber);
  --lb-caret-glow: 0 0 12px rgb(from var(--lb-amber) r g b / 0.7);
  --lb-caret-ratio: 0.55;
  --lb-caret-gap: 0.18em;
  --lb-caret-line-drop: -0.12em;
  --lb-caret-blinks: 3;
  --lb-grid-alpha: 0.08;
  --lb-grid-tilt: 62deg;
  --lb-grid-depth: 420px;
  --lb-grid-column: 64px;
  --lb-grid-row: 44px;
  --lb-grid-line: 1px;
  --lb-grid-reach: 34vh;
  --lb-grid-sink: 12vh;
  --lb-grid-fade: 45%;
  --lb-grid-display-reach: 46vh;
  --lb-grid-display-column-alpha: 0.18;
  --lb-grid-display-row-alpha: 0.16;
  --lb-aberration-offset: clamp(1px, 0.055em, 3px);
  --lb-aberration-alpha: 0.65;
  --lb-aberration-halo-near: min(0.39em, 26px);
  --lb-aberration-halo-near-alpha: 0.25;
  --lb-aberration-halo-far: min(0.9em, 60px);
  --lb-aberration-halo-far-alpha: 0.18;
  --lb-prompt-gap: 0.4em;
  --lb-touch-target: 40px;
  --lb-hairline: 1px;
}

/* The ground under every Lumenbyte page: panel→void, fixed. */
.lb-ground {
  background: linear-gradient(180deg, var(--lb-panel) 0%, var(--lb-void) 100%) fixed var(--lb-void);
}

/* The screen: a fixed, full-viewport, static overlay of void lines.
   The surface sets its z-index: the top of its stack, above modals. */
.lb-scanlines {
  position: fixed;
  inset: 0;
  pointer-events: none;
  background-image: repeating-linear-gradient(
    to bottom,
    rgb(from var(--lb-void) r g b / var(--lb-scanline-alpha)) 0 var(--lb-scanline-line),
    transparent var(--lb-scanline-line) var(--lb-scanline-period)
  );
}