/* =============================================================================
   DriveVision breakpoint tokens — UI_LOCK aligned (Phase 1)
   sm 640 · md 768 · lg 1024 · xl 1280 · 2xl 1536
   Use in editorial CSS: @media (min-width: 768px) → var(--dv-bp-md) via
   duplicate values until native @custom-media is viable across targets.
   ============================================================================= */
:root {
  --dv-bp-xs: 400px;
  --dv-bp-sm: 640px;
  --dv-bp-md: 768px;
  --dv-bp-lg: 1024px;
  --dv-bp-xl: 1280px;
  --dv-bp-2xl: 1536px;
  --dv-bp-tv: 1920px;
  --dv-bp-chat-sheet: 1023px;
  --dv-container-max: 75rem;
  --dv-container-wide: 75rem;
}

/* Tablet portrait + phone: chat uses bottom sheet (see chat_widget.html). */
@media (max-width: 1023px) {
  :root {
    --dv-chat-layout: sheet;
  }
}

@media (min-width: 1024px) {
  :root {
    --dv-chat-layout: float;
  }
}

@media (min-width: 1536px) {
  :root {
    --dv-container-wide: 87.5rem;
  }
}