/* BASE de BAES — esquemas de color (mismos nombres que BASE de CIMA y que el móvil: data-scheme / data-mscheme).
   Capa opcional encima de claro/oscuro. Sin data-scheme («Del tema») no cambia nada.
   Se elige en Ajustes → Apariencia y se guarda por usuario. */

/* Negro de alto contraste */
:root[data-scheme="negro"] {
  --accent: #ffc23d; --accent-rgb: 255, 194, 61; --matrix-color: #2ee6ff; --brand-2: #e0a92c;
  --desk: #000; --desk-2: #050505; --surface: #0a0a0a; --surface-2: #141414; --line: #333;
  --text-main: #fff; --text-muted: #c9c9c9; --ink: #fff;
  --glass-bg: #0a0a0a; --glass-border: rgba(255,255,255,.28); --glass-blur: 0px;
  --panel-bg: #000; --win-bg: #0a0a0a; --win-pop: #0a0a0a; --win-border: rgba(255,255,255,.3);
  --chat-bg: #000; --in-bubble: #1a1a1a; --wa-bubble: #0d3b26; color-scheme: dark;
}
/* Navy (paleta D de la marca CIMA: navy + teal) */
:root[data-scheme="navy"] {
  --accent: #00afc2; --accent-rgb: 0, 175, 194; --matrix-color: #00afc2; --brand-2: #0095a6;
  --desk: #061a33; --desk-2: #04346c; --surface: #0b2647; --surface-2: #0e2d54; --line: #1c3c63;
  --text-main: #e8f1fb; --text-muted: #8ea8c4; --ink: #e8f1fb;
  --glass-bg: rgba(11,38,71,.94); --glass-border: rgba(159,196,232,.2);
  --panel-bg: #0b2647; --win-bg: #0b2647; --win-pop: #0e2d54; --win-border: #1c3c63;
  --chat-bg: #082142; --in-bubble: #0e2d54; --wa-bubble: #0f4c5a; color-scheme: dark;
}
/* Vidrio claro: superficies translúcidas sobre un fondo luminoso */
:root[data-scheme="glass-claro"] {
  --accent: #d8262f; --accent-rgb: 216, 38, 47; --matrix-color: #d8262f;
  --desk: #dfe6ee; --desk-2: #f6d9db; --surface: rgba(255,255,255,.72); --surface-2: rgba(255,255,255,.55); --line: rgba(20,30,50,.12);
  --text-main: #1b2333; --text-muted: #55607a; --ink: #1b2333;
  --glass-bg: rgba(255,255,255,.62); --glass-blur: 22px; --glass-border: rgba(255,255,255,.7);
  --panel-bg: rgba(255,255,255,.86); --win-bg: rgba(255,255,255,.78); --win-pop: rgba(255,255,255,.8); --win-border: rgba(255,255,255,.75);
  --chat-bg: rgba(240,236,230,.7); --in-bubble: #fff; --wa-bubble: #dcf8c6; color-scheme: light;
}
/* Vidrio oscuro */
:root[data-scheme="glass-oscuro"] {
  --accent: #ff5a62; --accent-rgb: 255, 90, 98; --matrix-color: #ff5a62;
  --desk: #0d1018; --desk-2: #2a0f14; --surface: rgba(30,34,46,.66); --surface-2: rgba(40,45,60,.6); --line: rgba(255,255,255,.1);
  --text-main: #eef0f6; --text-muted: #a5abbd; --ink: #eef0f6;
  --glass-bg: rgba(22,25,35,.6); --glass-blur: 22px; --glass-border: rgba(255,255,255,.12);
  --panel-bg: rgba(18,20,28,.9); --win-bg: rgba(24,27,38,.8); --win-pop: rgba(28,31,42,.88); --win-border: rgba(255,255,255,.12);
  --chat-bg: rgba(10,12,18,.6); --in-bubble: rgba(40,45,60,.9); --wa-bubble: #144d37; color-scheme: dark;
}
/* Matrix: verde terminal, el clásico de BASE */
:root[data-scheme="matrix"] {
  --accent: #00ff6a; --accent-rgb: 0, 255, 106; --matrix-color: #00ff6a; --brand-2: #00cc55; --accent-text: #001a0b;
  --desk: #020a05; --desk-2: #03140a; --surface: #06130b; --surface-2: #0a1f12; --line: rgba(0,255,106,.18);
  --text-main: #c8ffd9; --text-muted: #6fbf8a; --ink: #c8ffd9;
  --glass-bg: rgba(4,16,9,.92); --glass-border: rgba(0,255,106,.22);
  --panel-bg: #020a05; --win-bg: #04100a; --win-pop: #06130b; --win-border: rgba(0,255,106,.25);
  --chat-bg: #020a05; --in-bubble: #0a1f12; --wa-bubble: #0b3a1f; color-scheme: dark;
}
/* Marca BAES: rojo del logo sobre papel cálido (como la página web) */
:root[data-scheme="landing"] {
  --accent: #d8262f; --accent-rgb: 216, 38, 47; --matrix-color: #f2b43a; --brand-2: #b51d25;
  --desk: #faf8f4; --desk-2: #f3ece2; --surface: #ffffff; --surface-2: #f5f1ea; --line: #e6e2da;
  --text-main: #16181d; --text-muted: #6b7080; --ink: #16181d;
  --glass-bg: rgba(255,255,255,.96); --glass-border: #e6e2da; --glass-blur: 0px;
  --panel-bg: #fff; --win-bg: #fff; --win-pop: #fff; --win-border: #e6e2da;
  --chat-bg: #efeae2; --in-bubble: #fff; --wa-bubble: #dcf8c6; color-scheme: light;
}