/**
 * Variables CSS GlEm PWA - Mobile-first
 * Fondo amarillo/crema según diseño de referencia
 */
:root {
  --glem-bg: #FFF8E1;
  --glem-bg-dark: #FFF3CD;
  --glem-red: #e21b1e;
  --glem-red-hover: #c4171a;
  --glem-orange: #E65100;
  --glem-orange-hover: #D84315;
  --glem-secondary: #f7941d;
  --glem-secondary-hover: #e08519;
  --glem-brown: #4E342E;
  --glem-title-color: #9b5500;
  --glem-text: #3E2723;
  --glem-text-muted: #5D4037;
  --glem-white: #FFFFFF;
  --glem-shadow: rgba(0, 0, 0, 0.1);
  --font-roboto: 'Roboto', sans-serif;
  --navbar-height: 56px;
  --bottom-bar-height: 35px;
  --safe-bottom: env(safe-area-inset-bottom, 0);
  --safe-top: env(safe-area-inset-top, 0);
}