/*
 * Safe-area inset CSS custom properties for Capacitor WebView (Android + iOS).
 * viewport-fit=cover must be set in the viewport meta tag for these to resolve.
 *
 * This file lives in public/ and is loaded via a <link> tag in layout.tsx.
 */
:root {
  --safe-area-inset-top: env(safe-area-inset-top, 0px);
  --safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);
  --safe-area-inset-left: env(safe-area-inset-left, 0px);
  --safe-area-inset-right: env(safe-area-inset-right, 0px);
}