/* Colores y medidas compartidas. Tema claro por defecto; oscuro según el sistema
   o el botón "Cambiar tema" (atributo data-theme en <html>, ver js/tema.js). */

:root {
  --bg: #fbf8f3;
  --bg-alt: #f3eee6;
  --card: #ffffff;
  --text: #1d232a;
  --muted: #5b6672;
  --line: #e4ddd2;
  --accent: #2e7d32;
  --accent-strong: #1b5e20;
  --accent-soft: #e3f1e4;
  --on-accent: #ffffff;
  --phone: #1f2328;
  --screen: #101418;
  --shadow: 0 24px 60px -24px rgba(29, 35, 42, .35);
  --radius: 22px;

  /* Colores de las funciones (los mismos que en la app) */
  --c-call: #2e7d32;
  --c-whatsapp: #128c7e;
  --c-sos: #d32f2f;
  --c-incall: #455a64;
  --c-location: #1565c0;
  --c-kiosk: #6a1b9a;
  --c-messages: #ef6c00;
  --c-battery: #43a047;
  --c-warning: #f9a825;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0f1317;
    --bg-alt: #151a1f;
    --card: #1a2026;
    --text: #eef1f4;
    --muted: #a3aeb8;
    --line: #2a323a;
    --accent: #66bb6a;
    --accent-strong: #81c784;
    --accent-soft: #1d2e20;
    --on-accent: #0f1317;
    --phone: #2b3138;
    --shadow: 0 24px 60px -24px rgba(0, 0, 0, .7);
  }
}

:root[data-theme="dark"] {
  --bg: #0f1317;
  --bg-alt: #151a1f;
  --card: #1a2026;
  --text: #eef1f4;
  --muted: #a3aeb8;
  --line: #2a323a;
  --accent: #66bb6a;
  --accent-strong: #81c784;
  --accent-soft: #1d2e20;
  --on-accent: #0f1317;
  --phone: #2b3138;
  --shadow: 0 24px 60px -24px rgba(0, 0, 0, .7);
}