/* ══════════════════════════════════════════════════════════ */
/* Fecha: 2026-02-14                                        */
/* Ruta: /var/www/html/averias/css/theme-loxone.css          */
/* Servicio: GestAverías — Tema claro estilo Loxone          */
/* Colores oficiales Loxone:                                 */
/*   Mantis Green: #69C350 | Dark Green: #437B33            */
/*   Davys Grey: #565B5F  | Dark: #161B20                   */
/* ══════════════════════════════════════════════════════════ */

:root {
    --bg-primary: #f2f4f7;
    --bg-secondary: #ffffff;
    --bg-card: #ffffff;
    --bg-card-hover: #f7f9fb;
    --border: #e2e6ec;
    --text-primary: #161B20;
    --text-secondary: #565B5F;
    --text-muted: #8c929a;
    --accent: #69C350;
    --accent-hover: #5ab344;
    --accent-glow: rgba(105, 195, 80, 0.12);
    --red: #e03e3e;
    --red-bg: rgba(224, 62, 62, 0.08);
    --orange: #e67e22;
    --orange-bg: rgba(230, 126, 34, 0.08);
    --yellow: #d4a017;
    --yellow-bg: rgba(212, 160, 23, 0.08);
    --green: #69C350;
    --green-bg: rgba(105, 195, 80, 0.10);
    --blue: #2d8cf0;
    --blue-bg: rgba(45, 140, 240, 0.08);
    --purple: #7c5cbf;
    --purple-bg: rgba(124, 92, 191, 0.08);
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.10);
    --modal-backdrop: rgba(22, 27, 32, 0.5);
    --scrollbar-thumb: #ccd0d8;
    --marker-border: #ffffff;
    --popup-bg: #ffffff;
    --popup-border: #e2e6ec;
    --tile-url: url('https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}{r}.png');
}