/**
 * Desde acá podemos cambiar el tema de la aplicación para ajustar a la impronta del cliente o del proyecto.
 * RelevAPP v2026 — Tema Oberá (piedra + verde monte)
 * Territorial / institucional, adaptado a la identidad de la Municipalidad de Oberá.
 */
:root,
[data-theme="claro"],
[data-theme="centro"] {
   --ra-transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
 
   --ra-bg: #f5f7f4;
   --ra-bg-card: #ffffff;
   --ra-bg-elevated: #ebede8;
   --ra-bg-sidebar: #fafbfa;
 
   --ra-text: #1c1f1b;
   --ra-text-muted: #687066;
   --ra-text-inverse: #ffffff;
 
   --ra-accent: #0f5132;
   --ra-accent-hover: #0b3d25;
   --ra-accent-soft: rgba(15, 81, 50, 0.12);
   --ra-accent-glow: rgba(15, 81, 50, 0.22);
 
   --ra-border: #e0e5de;
   --ra-input-bg: #fcfdfc;
 
   --ra-shadow: 0 12px 32px rgba(28, 31, 27, 0.06);
   --ra-shadow-sm: 0 1px 3px rgba(28, 31, 27, 0.04);
   --ra-shadow-md: 0 8px 24px rgba(28, 31, 27, 0.08);
   --ra-table-stripe: rgba(15, 81, 50, 0.04);
   --ra-accent-rgb: 15, 81, 50;
 
   --ra-radius: 8px;
   --ra-radius-lg: 14px;
 
   --ra-orb-1: rgba(15, 81, 50, 0.12);
   --ra-orb-2: rgba(156, 166, 154, 0.16);
   --ra-grid: rgba(15, 81, 50, 0.03);
 
  --ra-illus-opacity: 0.12;
  --ra-illus-stroke: #14613d;
  --ra-illus-fill: rgba(15, 81, 50, 0.05);
  --ra-illus-blend: multiply;

  /* Fondo cartográfico (login + encuesta pública) — ajustar --ra-map-opacity a gusto */
  --ra-map-opacity: 0.15;
  --ra-map-stroke: #14613d;
  --ra-map-fill: rgba(15, 81, 50, 0.04);
  --ra-map-blend: multiply;
 
   --ra-danger: #b91c1c;
   --ra-danger-soft: rgba(185, 28, 28, 0.08);
   --ra-warning: #ca8a04;
   --ra-warning-soft: rgba(202, 138, 4, 0.12);
   --ra-info: #0369a1;
   --ra-success: #15803d;
   --ra-success-soft: rgba(21, 128, 61, 0.1);

   /* Login (panel de marca + fondo de mapa animado) */
   --ra-brand-grad-1: #0f5132;
   --ra-brand-grad-2: #0b3d25;
   --ra-brand-grad-3: #082b1a;
   --ra-brand-dot: rgba(180, 230, 200, 0.92);
   --ra-org-name: "Municipalidad de Oberá";

   --ra-font: "DM Sans", system-ui, -apple-system, sans-serif;
 
   --ra-btn-py: 0.4rem;
   --ra-btn-px: 0.85rem;
   --ra-btn-font: 0.8125rem;
 
   --ra-logo-filter-on-light: brightness(0) saturate(100%) invert(21%) sepia(40%) saturate(1600%) hue-rotate(115deg) brightness(92%) contrast(95%);
   --ra-logo-filter-on-dark: brightness(0) invert(1);
 
   --bs-body-font-family: var(--ra-font);
   --bs-body-color: var(--ra-text);
   --bs-body-bg: var(--ra-bg);
   --bs-primary: var(--ra-accent);
   --bs-primary-rgb: 15, 81, 50;
   --bs-border-color: var(--ra-border);
   --bs-link-color: var(--ra-accent);
   --bs-link-hover-color: var(--ra-accent-hover);
   --bs-btn-font-size: var(--ra-btn-font);
   --bs-btn-padding-y: var(--ra-btn-py);
   --bs-btn-padding-x: var(--ra-btn-px);
 }
 
 *,
 *::before,
 *::after {
   box-sizing: border-box;
 }
 
 html {
   -webkit-text-size-adjust: 100%;
 }
 
 body {
   font-family: var(--ra-font);
   color: var(--ra-text);
   background: var(--ra-bg);
   font-size: 0.9375rem;
   line-height: 1.5;
 }
 
 .ra-logo-on-light {
   filter: var(--ra-logo-filter-on-light);
   -webkit-filter: var(--ra-logo-filter-on-light);
 }
 
 .ra-logo-on-light.ra-logo-on-light--mono {
   filter: brightness(0);
   -webkit-filter: brightness(0);
 }
 
 .ra-logo-on-dark {
   filter: var(--ra-logo-filter-on-dark);
   -webkit-filter: var(--ra-logo-filter-on-dark);
 }

/* —— Tema oscuro —— */
[data-theme="oscuro"] {
  --ra-bg: #121416;
  --ra-bg-card: #1a1d21;
  --ra-bg-elevated: #23272e;
  --ra-bg-sidebar: #16191d;

  --ra-text: #f0f2f4;
  --ra-text-muted: #b4bac0;
  --ra-text-inverse: #121416;

  --ra-accent: #4ade80;
  --ra-accent-hover: #22c55e;
  --ra-accent-soft: rgba(74, 222, 128, 0.14);
  --ra-accent-glow: rgba(74, 222, 128, 0.24);

  --ra-border: #2d3238;
  --ra-input-bg: #1f2329;

  --ra-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
  --ra-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.28);
  --ra-shadow-md: 0 8px 24px rgba(0, 0, 0, 0.32);
  --ra-table-stripe: rgba(255, 255, 255, 0.03);
  --ra-accent-rgb: 74, 222, 128;

  --ra-orb-1: rgba(74, 222, 128, 0.1);
  --ra-orb-2: rgba(255, 255, 255, 0.05);
  --ra-grid: rgba(255, 255, 255, 0.03);

  --ra-illus-opacity: 0.1;
  --ra-illus-stroke: #4ade80;
  --ra-illus-fill: rgba(74, 222, 128, 0.06);
  --ra-illus-blend: screen;

  --ra-map-opacity: 0.12;
  --ra-map-stroke: #4ade80;
  --ra-map-fill: rgba(74, 222, 128, 0.05);
  --ra-map-blend: screen;

  --ra-danger: #f87171;
  --ra-danger-soft: rgba(248, 113, 113, 0.12);
  --ra-warning: #fbbf24;
  --ra-warning-soft: rgba(251, 191, 36, 0.12);
  --ra-info: #38bdf8;
  --ra-success: #4ade80;
  --ra-success-soft: rgba(74, 222, 128, 0.12);

  --ra-brand-grad-1: #14532d;
  --ra-brand-grad-2: #0f3d22;
  --ra-brand-grad-3: #082b1a;
  --ra-brand-dot: rgba(180, 230, 200, 0.92);

  --ra-logo-filter-on-light: brightness(0) invert(1);
  --ra-logo-filter-on-dark: brightness(0) invert(1);

  --bs-body-color: var(--ra-text);
  --bs-body-bg: var(--ra-bg);
  --bs-primary: var(--ra-accent);
  --bs-primary-rgb: 74, 222, 128;
  --bs-border-color: var(--ra-border);
  --bs-link-color: var(--ra-accent);
  --bs-link-hover-color: var(--ra-accent-hover);
}

/* —— Tema Blue Dark —— */
[data-theme="blue-dark"] {
  --ra-bg: #0c1222;
  --ra-bg-card: #111827;
  --ra-bg-elevated: #1a2336;
  --ra-bg-sidebar: #0a0f1c;

  --ra-text: #eef2f8;
  --ra-text-muted: #a8b8cc;
  --ra-text-inverse: #0c1222;

  --ra-accent: #60a5fa;
  --ra-accent-hover: #3b82f6;
  --ra-accent-soft: rgba(96, 165, 250, 0.14);
  --ra-accent-glow: rgba(59, 130, 246, 0.28);

  --ra-border: #243044;
  --ra-input-bg: #151f31;

  --ra-shadow: 0 12px 32px rgba(0, 0, 0, 0.38);
  --ra-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);
  --ra-shadow-md: 0 8px 24px rgba(0, 0, 0, 0.34);
  --ra-table-stripe: rgba(96, 165, 250, 0.04);
  --ra-accent-rgb: 96, 165, 250;

  --ra-orb-1: rgba(96, 165, 250, 0.12);
  --ra-orb-2: rgba(59, 130, 246, 0.08);
  --ra-grid: rgba(96, 165, 250, 0.04);

  --ra-illus-opacity: 0.1;
  --ra-illus-stroke: #60a5fa;
  --ra-illus-fill: rgba(96, 165, 250, 0.06);
  --ra-illus-blend: screen;

  --ra-map-opacity: 0.12;
  --ra-map-stroke: #60a5fa;
  --ra-map-fill: rgba(96, 165, 250, 0.05);
  --ra-map-blend: screen;

  --ra-danger: #f87171;
  --ra-danger-soft: rgba(248, 113, 113, 0.12);
  --ra-warning: #fbbf24;
  --ra-warning-soft: rgba(251, 191, 36, 0.12);
  --ra-info: #38bdf8;
  --ra-success: #34d399;
  --ra-success-soft: rgba(52, 211, 153, 0.12);

  --ra-brand-grad-1: #1d4ed8;
  --ra-brand-grad-2: #1e3a8a;
  --ra-brand-grad-3: #0f172a;
  --ra-brand-dot: rgba(191, 219, 254, 0.95);

  --ra-logo-filter-on-light: brightness(0) invert(1);
  --ra-logo-filter-on-dark: brightness(0) invert(1);

  --bs-body-color: var(--ra-text);
  --bs-body-bg: var(--ra-bg);
  --bs-primary: var(--ra-accent);
  --bs-primary-rgb: 96, 165, 250;
  --bs-border-color: var(--ra-border);
  --bs-link-color: var(--ra-accent);
  --bs-link-hover-color: var(--ra-accent-hover);
}

/* —— Tema Grey dark —— */
[data-theme="grey-dark"] {
  --ra-bg: #18181b;
  --ra-bg-card: #27272a;
  --ra-bg-elevated: #323238;
  --ra-bg-sidebar: #141416;

  --ra-text: #f4f4f5;
  --ra-text-muted: #bcbcc6;
  --ra-text-inverse: #18181b;

  --ra-accent: #d4d4d8;
  --ra-accent-hover: #fafafa;
  --ra-accent-soft: rgba(212, 212, 216, 0.12);
  --ra-accent-glow: rgba(212, 212, 216, 0.2);

  --ra-border: #3f3f46;
  --ra-input-bg: #2a2a2e;

  --ra-shadow: 0 12px 32px rgba(0, 0, 0, 0.36);
  --ra-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.28);
  --ra-shadow-md: 0 8px 24px rgba(0, 0, 0, 0.32);
  --ra-table-stripe: rgba(255, 255, 255, 0.03);
  --ra-accent-rgb: 212, 212, 216;

  --ra-orb-1: rgba(212, 212, 216, 0.08);
  --ra-orb-2: rgba(255, 255, 255, 0.04);
  --ra-grid: rgba(255, 255, 255, 0.03);

  --ra-illus-opacity: 0.09;
  --ra-illus-stroke: #d4d4d8;
  --ra-illus-fill: rgba(212, 212, 216, 0.05);
  --ra-illus-blend: screen;

  --ra-map-opacity: 0.1;
  --ra-map-stroke: #d4d4d8;
  --ra-map-fill: rgba(212, 212, 216, 0.04);
  --ra-map-blend: screen;

  --ra-danger: #f87171;
  --ra-danger-soft: rgba(248, 113, 113, 0.12);
  --ra-warning: #fbbf24;
  --ra-warning-soft: rgba(251, 191, 36, 0.12);
  --ra-info: #93c5fd;
  --ra-success: #86efac;
  --ra-success-soft: rgba(134, 239, 172, 0.12);

  --ra-brand-grad-1: #3f3f46;
  --ra-brand-grad-2: #27272a;
  --ra-brand-grad-3: #18181b;
  --ra-brand-dot: rgba(228, 228, 231, 0.92);

  --ra-logo-filter-on-light: brightness(0) invert(1);
  --ra-logo-filter-on-dark: brightness(0) invert(1);

  --bs-body-color: var(--ra-text);
  --bs-body-bg: var(--ra-bg);
  --bs-primary: var(--ra-accent);
  --bs-primary-rgb: 212, 212, 216;
  --bs-border-color: var(--ra-border);
  --bs-link-color: var(--ra-accent);
  --bs-link-hover-color: var(--ra-accent-hover);
}