/* ============================================================
   BLOCK 실험실(lab) 공용 디자인 토큰
   - 다크 몰입형 경험(3dmetro / lilo-flow / electric-power / hometown / tudish)이 공유한다.
   - 각 페이지는 자기 프리픽스 변수(--home-*, --metro-* 등)를 이 토큰에 매핑해
     시각 톤을 통일한다. 강조색(accent)만 페이지 고유로 둔다.
   - boundaries 는 라이트/다크 양쪽을 지원하므로 자체 파일에서 이 토큰을 오버라이드한다.
   ============================================================ */
:root {
  color-scheme: dark;

  /* 표면 계층 */
  --lab-bg: #070709;
  --lab-bg-deep: #050506;
  --lab-panel: rgba(19, 20, 18, 0.82);
  --lab-panel-strong: rgba(28, 29, 25, 0.92);
  --lab-surface: rgba(255, 255, 255, 0.035);
  --lab-surface-raised: rgba(255, 255, 255, 0.06);
  --lab-surface-hover: rgba(255, 255, 255, 0.09);

  /* 라인 */
  --lab-line: rgba(255, 255, 255, 0.1);
  --lab-line-strong: rgba(255, 255, 255, 0.2);
  --lab-line-faint: rgba(255, 255, 255, 0.06);

  /* 텍스트 */
  --lab-ink: #f4f2ec;
  --lab-ink-strong: #fffaf0;
  --lab-muted: rgba(244, 242, 236, 0.66);
  --lab-dim: rgba(244, 242, 236, 0.46);
  --lab-faint: rgba(244, 242, 236, 0.3);

  /* 형태 */
  --lab-radius-sm: 6px;
  --lab-radius: 8px;
  --lab-radius-lg: 14px;
  --lab-radius-pill: 999px;

  /* 그림자 */
  --lab-shadow-sm: 0 4px 14px rgba(0, 0, 0, 0.28);
  --lab-shadow-md: 0 12px 32px rgba(0, 0, 0, 0.34);
  --lab-shadow-lg: 0 20px 54px rgba(0, 0, 0, 0.42);

  /* 유리 효과 */
  --lab-blur: 14px;

  /* 컨트롤 규격 */
  --lab-control-size: 40px;
  --lab-edge: max(18px, env(safe-area-inset-top));

  /* 폰트 (horizon-v2 의 --font-family / --font-mono 를 폴백과 함께 노출) */
  --lab-font: var(--font-family, "Instrument Sans"), "Noto Sans KR", system-ui, -apple-system, sans-serif;
  --lab-mono: var(--font-mono, "JetBrains Mono"), ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}