:root{
    /* colors */
  --bg-body : #F0F7FA;
  --bg-control: #D9DAE1;
  --theme-dark:#050D2E;
  --theme-medium:#4B5374;
  --theme-primary:#5A7EFF;
  --theme-primary-hover:#3a5ddd;
  --theme-primary-rgb: 90, 126, 255;
  --theme-alert:#EB4D4B;
  --theme-warning:#FFC107;
  --theme-success:#59BBAA;

  /* effet */
  --darken-factor: 10%;

  /* rarius */
  --radius-sm: 5px;
  --radius-md: 0.625rem;
  --radius-lg: 1.25rem;

  /* padding */
  --space-sm:.25rem;
  --space-sm:.5rem;
  --space-md:1rem;
  --space-lg:1.5rem;
  --space-lg:2rem;

  /* layout */
  --width-sidebar :90px;
  --height-header : 48px;
  
}

body {background-color : var(--bg-body);}


/* text has icon */
.text-alert , [class^="text-link"] , .text-switch {display: flex;align-items: center;}
.text-alert::before , [class^="text-link"]::before , .text-switch::before {content:"";margin-right: 0.3rem;display:block; width:24px;height: 24px;background-repeat:no-repeat;background-size: contain;}
.text-alert::before {background-image: url(/img/ico/ico-warning_danger.svg);}
.text-link__next::before {background-image: url(/img/ico/ico-arrow-circle-right.svg);}
.text-switch::before {background-image: url(/img/ico/ico-switch.svg);}