:root{
  --bulma-scheme-main-l: 95%;
  --gsus-body-detktop-l: var(--bulma-scheme-main-l);
  --gsus-top-bar-l: 90%;
  --principal-background: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--gsus-body-detktop-l));
  --topbar-background: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--gsus-top-bar-l));
  --background-patient-container: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--gsus-background-alternative-l,95%));
  --opacidad-negro: 0;
  /*fieldset*/
  --bg-fieldset: var(--background-patient-container);
  /*fieldset*/

  --background-agrid_row_focused: hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-l));
  --background-agrid_row_odd: var(--bg-fieldset);
  --background-agrid_row_even:  hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-main-l));
  --background-baseform-footer: var(--background-baseform-header);

  --background-agrid_row_header: var(--background-baseform-header);

  --bulma-border-l: 60%;
  --letter-cl-button: var(--bulma-text-strong);
}
  
  [data-theme=light],
  .theme-light{
    --bg-color-primary: #5bb1f8;
    --bulma-primary: var(--bg-color-primary);
    --text-primary: #000000;
    /*is-primary*/
    --bulma-primary-h: 207deg;
    --bulma-primary-s: 92%;
    --bulma-primary-l: 66%;
    --bulma-primary-invert-l: 6%;
    /*is-primary*/
  }
  
  [data-theme=dark],
  .theme-dark{
    --bulma-button-background-l: 20%;
    --opacidad-negro: 0.3;/*para oscurecer imagen de fodon principal*/ 
    --bulma-scheme-h: 210deg;
    --bulma-scheme-s:30%;
    --gsus-body-detktop-l: 13%;

    --gsus-background-alternative-l: 30%;

    --bg-color-primary: #286191;
    --bulma-primary: var(--bg-color-primary);
    --text-primary: #fcfcfc;

    --bulma-scheme-main-l: var(--bulma-scheme-main-l);
    /*is-primary*/
    --bulma-primary-h: 207deg;/*para el color de fondo*/
    --bulma-primary-s: 92%;/*para el color de fondo*/
    --bulma-primary-l: 36%;/*para el fondo*/
    --bulma-primary-invert-l: 94%;/*para la letra*/
    /*is-primary*/

    /*is-info*/
    --bulma-info-l: 30%;/*para el fondo degradado*/
    --bulma-info-invert-l: 94%;/*para la letra*/
    /*is-info*/

    /*is-link*/
    --bulma-link-l: 65%;/*para el fondo degradado*/
    --bulma-link-invert-l: 34%;/*para la letra*/
    /*is-link*/

    /*is-success*/
    --bulma-success-l: 30%;/*para el fondo degradado*/
    --bulma-success-invert-l: 94%;/*para la letra*/
    /*is-success*/

    /*is-warning*/
    --bulma-warning-l: 30%;/*para el fondo degradado*/
    --bulma-warning-invert-l: 94%;/*para la letra*/
    /*is-warning*/


    --bulma-scheme-main-l: 15%;
    --bulma-input-background-l-delta: -5%;
    --bulma-body-color: #eff5fb;
    --letter-input-label: var(--bulma-body-color);
    --gsus-top-bar-l: 6%;
    
  
  
  
    /*A-grid*/
    /*--background-agrid_row_even:  hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), 20%);*/
    /*--background-agrid_row_odd: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), 10%);*/
    --background-agrid_row_hover: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), 35%);
    /*--background-agrid_row_focused: hsl(218.08deg 100% 16.61%);*/
    --letter-agrid_row_focused: var(--bulma-text-strong);
    --background-amodal: var(--principal-background);
    --background-amodal-header: hsl(207deg 51.26% 24.56%);
    --color-amodal-header: var(--bulma-text-strong);
  
    --letter-agrid_row_hover:var(--bulma-text-strong);
    --background-agrid-context-menu: rgb(54, 79, 107);
    /*fin A-grid*/
  
  
    /*baseform*/
    --border-baseform-content:#286191;
    --background-baseform-content: rgb(25, 55, 92);
    --color-baseform-content: var(--bulma-text-strong);
    --background-baseform-header: hsl(221.32deg 61.15% 14.75%);
    
    --background-baseform-bg_modal: black;
    /*fin baseform*/

    /*fieldset*/
    --bg-fieldset: var(--background-patient-container);
    /*fieldset*/
    --bg-cl-content: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), 12%);


    --autocomplete_bg_color: var(--principal-background);
    --autocomplete_border_color: var(--bulma-body-color);
    --autocomplete_bg_hover_color: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), 35%);
    --autocomplete_bg_active_color:  hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--gsus-background-alternative-l,95%));
    --autocomplete_letter_active_color: var(--bulma-text-strong);
  }