/* ====================================================================
   TEMA ORC — paleta única de toda la aplicación
   ====================================================================
   Tres estados, no dos:
     1. Sin elección   -> sigue la preferencia del sistema operativo
     2. Claro elegido  -> gana sobre el sistema
     3. Oscuro elegido -> gana sobre el sistema

   Los valores de :root son EXACTAMENTE los que las plantillas tenían
   escritos a mano antes del refactor, así que el modo claro se ve igual
   que siempre. Cambiar un color acá lo cambia en toda la app.

   Ojo con los pares como --marca-navy / --tinta-marca: en claro los dos
   valen el mismo navy pero cumplen roles opuestos. En oscuro un fondo
   navy sigue siendo oscuro mientras que un TEXTO navy tiene que
   aclararse, o queda invisible. Por eso están separados.

   La escala de tintas se comprime en su extremo apagado al pasar a
   oscuro: un gris proporcionalmente tenue sobre fondo oscuro deja de
   leerse. Todas las tintas usadas como texto superan 4.5:1 contra el
   fondo de tarjeta.
   ==================================================================== */
:root {
  --tinta-marca:      #1B2C53;
  --marca-navy:       #1B2C53;
  --marca-navy-hondo: #142142;
  --marca-navy-medio: #2C4575;
  --dorado-texto:     #D2AE6A;
  --dorado:           #D2AE6A;
  --dorado-hondo:     #B8924F;
  --rojo-texto:       #C7113D;
  --rojo:             #C7113D;
  --rojo-hondo:       #8F0C2B;
  --rojo-gradiente:   #A30F33;
  --sobre-navy-tenue: #AAB4CC;
  --sobre-navy:       #FFFFFF;
  --tarjeta:          #FFFFFF;
  --ink-1:            #1A1A2E;
  --ink-1b:           #1A1A1A;
  --ink-2:            #222222;
  --tinta-cuerpo:     #333333;
  --ink-4:            #555555;
  --ink-4b:           #5A5850;
  --ink-5:            #666666;
  --tinta-media:      #6A6860;
  --ink-6:            #888888;
  --tinta-tenue:      #9A988F;
  --ink-7:            #999999;
  --ink-8:            #AAAAAA;
  --tinta-muy-tenue:  #B3B0A6;
  --ink-9:            #BBBBBB;
  --ink-10:           #CCCCCC;
  --borde-gris:       #CCCCCC;
  --fondo:            #FAF9F6;
  --tarjeta-alt:      #FBFBFD;
  --hueco:            #EEF0F4;
  --sup-1:            #F8F7F5;
  --sup-2:            #FAF9F7;
  --sup-3:            #F5F5F5;
  --sup-4:            #F0F0EE;
  --sup-5:            #F0ECE4;
  --sup-6:            #F1EEE6;
  --sup-7:            #E8E4DC;
  --negro:            #0A0A0A;
  --info-suave:       #E8F0FB;
  --sup-azul-1:       #EEF1F8;
  --sup-azul-2:       #EEF1F7;
  --sup-azul-3:       #F4F6FB;
  --borde:            #ECE9E2;
  --borde-fuerte:     #DCDCE4;
  --borde-tenue:      #F2EFE9;
  --borde-medio:      #D0CCC0;
  --borde-beige:      #E0DDD6;
  --borde-beige2:     #E0DDD8;
  --exito-fondo:      #D4EDDA;
  --exito-fondo2:     #C3E6CB;
  --exito-texto:      #155724;
  --exito-fuerte:     #0A4A0A;
  --exito-borde:      #28A745;
  --verde-marca:      #1B6E3A;
  --verde-medio:      #4A8A4A;
  --error-fondo:      #F8D7DA;
  --error-fondo2:     #F5C2CC;
  --error-fondo3:     #FDF0F2;
  --error-fondo4:     #FDF5F6;
  --error-fondo5:     #FDF8F8;
  --error-texto:      #721C24;
  --aviso-fondo:      #FFF3CD;
  --aviso-fondo2:     #FFE082;
  --aviso-fondo3:     #FFF8E1;
  --aviso-texto:      #856404;

  --sombra-tarjeta: 0 1px 3px rgba(20,30,60,0.04), 0 6px 18px rgba(20,30,60,0.04);
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --tinta-marca:      #8FA6D4;
    --marca-navy:       #16233D;
    --marca-navy-hondo: #0E1728;
    --marca-navy-medio: #2E4373;
    --dorado-texto:     #E0C68C;
    --dorado:           #C9A662;
    --dorado-hondo:     #A8863F;
    --rojo-texto:       #F58BA3;
    --rojo:             #B01236;
    --rojo-hondo:       #7A0E24;
    --rojo-gradiente:   #8E0D2C;
    --sobre-navy-tenue: #9FADC9;
    --sobre-navy:       #FFFFFF;
    --tarjeta:          #182133;
    --ink-1:            #F2F5FA;
    --ink-1b:           #F2F5FA;
    --ink-2:            #E6EBF3;
    --tinta-cuerpo:     #D3DAE6;
    --ink-4:            #C2CAD8;
    --ink-4b:           #B6BDCB;
    --ink-5:            #AEB7C6;
    --tinta-media:      #A3ACBE;
    --ink-6:            #949DAE;
    --tinta-tenue:      #8A93A3;
    --ink-7:            #848D9E;
    --ink-8:            #868FA0;
    --tinta-muy-tenue:  #7F889A;
    --ink-9:            #828B9C;
    --ink-10:           #818B9D;
    --borde-gris:       #333D52;
    --fondo:            #141C2C;
    --tarjeta-alt:      #1D273A;
    --hueco:            #0B1120;
    --sup-1:            #1A2333;
    --sup-2:            #1A2333;
    --sup-3:            #1C2536;
    --sup-4:            #1E2839;
    --sup-5:            #202A3B;
    --sup-6:            #202A3B;
    --sup-7:            #232E40;
    --negro:            #000000;
    --info-suave:       #182640;
    --sup-azul-1:       #17233A;
    --sup-azul-2:       #17233A;
    --sup-azul-3:       #18253D;
    --borde:            #27324A;
    --borde-fuerte:     #35405A;
    --borde-tenue:      #202A3E;
    --borde-medio:      #303B52;
    --borde-beige:      #2A3548;
    --borde-beige2:     #2A3548;
    --exito-fondo:      #12301E;
    --exito-fondo2:     #1B4029;
    --exito-texto:      #7ED39A;
    --exito-fuerte:     #A8E8BE;
    --exito-borde:      #2E9E56;
    --verde-marca:      #1F7A41;
    --verde-medio:      #4E9152;
    --error-fondo:      #3A1520;
    --error-fondo2:     #4A1E29;
    --error-fondo3:     #35171F;
    --error-fondo4:     #30151C;
    --error-fondo5:     #2C141A;
    --error-texto:      #F5A3B4;
    --aviso-fondo:      #33270B;
    --aviso-fondo2:     #4A3A12;
    --aviso-fondo3:     #322810;
    --aviso-texto:      #E5C266;

    --sombra-tarjeta: 0 1px 3px rgba(0,0,0,0.40), 0 6px 18px rgba(0,0,0,0.30);
    color-scheme: dark;
  }
}

:root[data-theme="dark"] {
  --tinta-marca:      #8FA6D4;
  --marca-navy:       #16233D;
  --marca-navy-hondo: #0E1728;
  --marca-navy-medio: #2E4373;
  --dorado-texto:     #E0C68C;
  --dorado:           #C9A662;
  --dorado-hondo:     #A8863F;
  --rojo-texto:       #F58BA3;
  --rojo:             #B01236;
  --rojo-hondo:       #7A0E24;
  --rojo-gradiente:   #8E0D2C;
  --sobre-navy-tenue: #9FADC9;
  --sobre-navy:       #FFFFFF;
  --tarjeta:          #182133;
  --ink-1:            #F2F5FA;
  --ink-1b:           #F2F5FA;
  --ink-2:            #E6EBF3;
  --tinta-cuerpo:     #D3DAE6;
  --ink-4:            #C2CAD8;
  --ink-4b:           #B6BDCB;
  --ink-5:            #AEB7C6;
  --tinta-media:      #A3ACBE;
  --ink-6:            #949DAE;
  --tinta-tenue:      #8A93A3;
  --ink-7:            #848D9E;
  --ink-8:            #868FA0;
  --tinta-muy-tenue:  #7F889A;
  --ink-9:            #828B9C;
  --ink-10:           #818B9D;
  --borde-gris:       #333D52;
  --fondo:            #141C2C;
  --tarjeta-alt:      #1D273A;
  --hueco:            #0B1120;
  --sup-1:            #1A2333;
  --sup-2:            #1A2333;
  --sup-3:            #1C2536;
  --sup-4:            #1E2839;
  --sup-5:            #202A3B;
  --sup-6:            #202A3B;
  --sup-7:            #232E40;
  --negro:            #000000;
  --info-suave:       #182640;
  --sup-azul-1:       #17233A;
  --sup-azul-2:       #17233A;
  --sup-azul-3:       #18253D;
  --borde:            #27324A;
  --borde-fuerte:     #35405A;
  --borde-tenue:      #202A3E;
  --borde-medio:      #303B52;
  --borde-beige:      #2A3548;
  --borde-beige2:     #2A3548;
  --exito-fondo:      #12301E;
  --exito-fondo2:     #1B4029;
  --exito-texto:      #7ED39A;
  --exito-fuerte:     #A8E8BE;
  --exito-borde:      #2E9E56;
  --verde-marca:      #1F7A41;
  --verde-medio:      #4E9152;
  --error-fondo:      #3A1520;
  --error-fondo2:     #4A1E29;
  --error-fondo3:     #35171F;
  --error-fondo4:     #30151C;
  --error-fondo5:     #2C141A;
  --error-texto:      #F5A3B4;
  --aviso-fondo:      #33270B;
  --aviso-fondo2:     #4A3A12;
  --aviso-fondo3:     #322810;
  --aviso-texto:      #E5C266;

  --sombra-tarjeta: 0 1px 3px rgba(0,0,0,0.40), 0 6px 18px rgba(0,0,0,0.30);
  color-scheme: dark;
}

/* ====================================================================
   RAMPA DE BARRAS — se agrega a mano, no sale del set derivado de hex
   ====================================================================
   Las barras de magnitud necesitan su propia rampa porque tiene que
   INVERTIRSE al pasar a oscuro: en claro la barra prominente es un navy
   fuerte sobre blanco, pero en oscuro un navy fuerte se confunde con la
   tarjeta y la barra más grande queda invisible. Acá la prominencia se
   expresa con contraste, no con un color fijo.

   Cada barra lleva su monto escrito al lado; eso es lo que da la lectura
   exacta y lo que hace tolerable el bajo contraste de --barra-4.
   ==================================================================== */
:root {
  --barra-1: #1B2C53;
  --barra-2: #2C4575;
  --barra-3: #5A6E9B;
  --barra-4: #C3CBDC;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --barra-1: #9DB2DC;
    --barra-2: #7C93C4;
    --barra-3: #5F76A8;
    --barra-4: #455780;
  }
}

:root[data-theme="dark"] {
  --barra-1: #9DB2DC;
  --barra-2: #7C93C4;
  --barra-3: #5F76A8;
  --barra-4: #455780;
}

/* ====================================================================
   IDENTIDAD POR DEPORTE — el único lugar donde el color significa algo
   ====================================================================
   Rugby, Hockey y General son identidades, no magnitudes, así que acá el
   color sí codifica identidad. Los valores claros son los institucionales
   de siempre. Los oscuros se eligieron con el validador de paletas: los
   tres superan 3:1 contra la tarjeta y su separación para visión del color
   deficiente es ΔE 15.2 (deutan), muy por encima del objetivo de 8.

   Con los institucionales tal cual, en oscuro el rojo quedaba en 2.29 y el
   navy directamente desaparecía contra la tarjeta.
   ==================================================================== */
:root {
  --dep-rugby:   #C7113D;
  --dep-hockey:  #1B2C53;
  --dep-general: #D2AE6A;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --dep-rugby:   #E8546E;
    --dep-hockey:  #7E9AD4;
    --dep-general: #E3C489;
  }
}

:root[data-theme="dark"] {
  --dep-rugby:   #E8546E;
  --dep-hockey:  #7E9AD4;
  --dep-general: #E3C489;
}