:root{

	--color-iconos-menu: #8e0c14;

    --color-azul-oscuro: #8e0c14;
 	--color-azul-claro:  #8a343a;

    --color-boton-oscuro: #8e0c14;
 	--color-boton-claro:  #8a343a;
    
	--color-blanco:      #FFF;
    
	--color-rojo:        #F00;
    
	--color-negro:       #000;

	
}

[data-theme="sistemas24"] {

  color-scheme: light;

  /* PRIMARY (rojo corporativo Sistemas24) */
  --p: 0.42 0.19 25;
  --pf: 0.36 0.19 25;
  --pc: 1 0 0;

  /* SECONDARY (rojo claro) */
  --s: 0.55 0.14 25;
  --sf: 0.50 0.14 25;
  --sc: 1 0 0;

  /* ACCENT (naranja corporativo) */
  --a: 0.78 0.17 70;
  --af: 0.70 0.17 70;
  --ac: 1 0 0;

  /* NEUTRAL (gris oscuro UI) */
  --n: 0.30 0.02 260;
  --nf: 0.26 0.02 260;
  --nc: 1 0 0;

  /* BASE (fondos sistema) */
  --b1: 1 0 0;        /* bg-base-100 */
  --b2: 0.96 0 0;     /* bg-base-200 */
  --b3: 0.92 0 0;     /* bg-base-300 */
  --bc: 0.28 0.02 260; /* text-base-content */

  /* INFO */
  --in: 0.72 0.15 220;
  --inc: 0.20 0.05 220;

  /* SUCCESS */
  --su: 0.72 0.17 150;
  --suc: 0.25 0.05 150;

  /* WARNING */
  --wa: 0.84 0.17 85;
  --wac: 0.30 0.05 85;

  /* ERROR */
  --er: 0.65 0.22 25;
  --erc: 1 0 0;

  /* UI COMPONENTES */

  --rounded-box: 0.75rem;
  --rounded-btn: 0.5rem;
  --rounded-badge: 1.9rem;

  --animation-btn: 0.25s;
  --animation-input: 0.2s;

  --btn-focus-scale: 0.97;

  --border-btn: 1px;
  --tab-border: 1px;
  --tab-radius: 0.5rem;

}