/* Estilo B · Quartz (SAP Fiori 3)
   Barra superior oscura, azul #0A6ED1, esquinas casi rectas y mosaicos con borde fino.
   Claro = «Quartz Light», oscuro = «Quartz Dark». */
:root[data-estilo="quartz"] {
  color-scheme: light;
  --fondo: #F7F7F7; --superficie: #FFFFFF; --relleno: #EDEFF0;
  --marca: #0A6ED1; --marca-hover: #085CAF; --marca-suave: #E5F0FA; --sobre-marca: #FFFFFF;
  --logo: #0A6ED1;
  --texto: #32363A; --etiqueta: #6A6D70; --borde: #D9D9D9; --borde-suave: #E5E5E5; --hover: #F5F5F5;
  --positivo: #107E3E; --critico: #BB0000; --critico-suave: #FFEBEB; --positivo-suave: #F1FDF6;
  --shell: #354A5F; --shell-texto: #FFFFFF; --shell-etiqueta: #D1E8FF; --shell-hover: #283848;
  --sombra-shell: 0 .0625rem .125rem rgba(0,0,0,.15);
  --buscar-fondo: rgba(255,255,255,.12); --buscar-hover: rgba(255,255,255,.2); --buscar-borde: rgba(255,255,255,.3); --buscar-texto: #FFFFFF; --r-buscar: .25rem;
  --tile-hover: #FAFAFA;
  --sombra-1: 0 0 0 1px rgba(0,0,0,.1), 0 .0625rem .125rem rgba(0,0,0,.1);
  --sombra-2: 0 0 0 1px rgba(0,0,0,.12), 0 .25rem .75rem rgba(0,0,0,.18);
  --sombra-barra: 0 .125rem .25rem -.125rem rgba(0,0,0,.15);
  --campo-borde: #89919A; --campo-hover: #FAFAFA; --tabla-grupo: #F2F2F2; --tabla-hover: #F5F5F5;
  --codigo-nums: #A0A4A8; --toast: rgba(50,54,58,.92); --toast-texto: #FFFFFF;
  --kw: #0A51A1; --str: #107E3E; --com: #6A6D70; --num: #925ACE;
  --r-tile: .25rem; --r-ctrl: .25rem; --r-chip: .25rem;
}
:root[data-estilo="quartz"][data-modo="oscuro"] {
  color-scheme: dark;
  --fondo: #1C2228; --superficie: #29313A; --relleno: #343C45;
  --marca: #91C8F6; --marca-hover: #B5DAF9; --marca-suave: #2A3F55; --sobre-marca: #1C2228;
  --logo: #91C8F6;
  --texto: #FAFAFA; --etiqueta: #C6C6C6; --borde: #4A5562; --borde-suave: #3A434D; --hover: #343C45;
  --positivo: #8BCD7A; --critico: #FF8888; --critico-suave: #3D2629; --positivo-suave: #24372A;
  --shell: #1D232A; --shell-texto: #FAFAFA; --shell-etiqueta: #91C8F6; --shell-hover: #29313A;
  --sombra-shell: 0 0 0 1px #3A434D;
  --buscar-fondo: #29313A; --buscar-hover: #343C45; --buscar-borde: #4A5562; --buscar-texto: #FAFAFA;
  --tile-hover: #2F3842;
  --sombra-1: 0 0 0 1px #3A434D;
  --sombra-2: 0 0 0 1px #4A5562, 0 .25rem .75rem rgba(0,0,0,.45);
  --sombra-barra: 0 .125rem .25rem -.125rem rgba(0,0,0,.5);
  --campo-borde: #8696A9; --campo-hover: #2F3842; --tabla-grupo: #232A31; --tabla-hover: #2F3842;
  --codigo-nums: #6A7682; --toast: rgba(250,250,250,.95); --toast-texto: #1C2228;
  --kw: #91C8F6; --str: #8BCD7A; --com: #A3AAB2; --num: #D4A6FF;
}