/* Estilo D · abap.es (Fiori con marca propia)
   La estructura de Horizon con la identidad de la web: el ciruela de las palabras clave
   del editor ABAP en Eclipse como color de marca y grises con un punto violeta.
   Mosaicos con una franja de color arriba y esquinas grandes. */
:root[data-estilo="abap"] {
  color-scheme: light;
  --fondo: #F6F5F8; --superficie: #FFFFFF; --relleno: #EFECF3;
  --marca: #8A1C5C; --marca-hover: #6F1449; --marca-suave: #F8EAF2; --sobre-marca: #FFFFFF;
  --logo: linear-gradient(135deg, #B23A80, #8A1C5C 60%);
  --texto: #2A2433; --etiqueta: #6B6178; --borde: #DCD6E3; --borde-suave: #E9E5EE; --hover: #F1EDF5;
  --positivo: #2E7D4F; --critico: #B3261E; --critico-suave: #FDECEA; --positivo-suave: #ECF7F0;
  --shell: #FFFFFF; --shell-texto: #2A2433; --shell-etiqueta: #6B6178; --shell-hover: #F1EDF5;
  --sombra-shell: inset 0 -1px 0 #E9E5EE;
  --buscar-fondo: #F1EDF5; --buscar-hover: #EAE4F0; --buscar-borde: transparent; --buscar-texto: #2A2433; --r-buscar: .625rem;
  --tile-hover: #FCFBFD;
  --sombra-1: 0 0 0 1px #E9E5EE, 0 .125rem .375rem rgba(42,36,51,.06);
  --sombra-2: 0 0 0 1px #DCD6E3, 0 .5rem 1.5rem rgba(42,36,51,.12);
  --sombra-barra: 0 .25rem .375rem -.25rem rgba(42,36,51,.12);
  --campo-borde: #8C8199; --campo-hover: #FCFBFD; --tabla-grupo: #F4F1F7; --tabla-hover: #F8F6FA;
  --codigo-nums: #B4AABF; --toast: rgba(42,36,51,.94); --toast-texto: #FFFFFF;
  --kw: #8A1C5C; --str: #1F6FB2; --com: #7A8B7E; --num: #B35A00;
  --r-tile: 1.25rem; --r-ctrl: .625rem; --r-chip: .625rem;
}
:root[data-estilo="abap"][data-modo="oscuro"] {
  color-scheme: dark;
  --fondo: #17141C; --superficie: #221D29; --relleno: #2E2737;
  --marca: #E58BBE; --marca-hover: #F0AFD3; --marca-suave: #3F2236; --sobre-marca: #1A0F17;
  --logo: linear-gradient(135deg, #F0AFD3, #E58BBE 60%);
  --texto: #F2EEF6; --etiqueta: #B4A9C0; --borde: #433A4E; --borde-suave: #322B3B; --hover: #2E2737;
  --positivo: #7FD49E; --critico: #FF9A92; --critico-suave: #3D2224; --positivo-suave: #1E3528;
  --shell: #1D1923; --shell-texto: #F2EEF6; --shell-etiqueta: #B4A9C0; --shell-hover: #2E2737;
  --sombra-shell: inset 0 -1px 0 #322B3B;
  --buscar-fondo: #2E2737; --buscar-hover: #372F42; --buscar-borde: transparent; --buscar-texto: #F2EEF6;
  --tile-hover: #28222F;
  --sombra-1: 0 0 0 1px #322B3B;
  --sombra-2: 0 0 0 1px #433A4E, 0 .5rem 1.5rem rgba(0,0,0,.5);
  --sombra-barra: 0 .25rem .375rem -.25rem rgba(0,0,0,.5);
  --campo-borde: #8C8199; --campo-hover: #28222F; --tabla-grupo: #26202D; --tabla-hover: #28222F;
  --codigo-nums: #5E5469; --toast: rgba(242,238,246,.95); --toast-texto: #17141C;
  --kw: #F0A3CF; --str: #8CC4F2; --com: #93A597; --num: #FFB870;
}
/* Rasgo propio: franja de marca en los mosaicos */
:root[data-estilo="abap"] .tile { border-top: .25rem solid var(--marca); }