/* GLOBAL COLORS VARIABLES */

:root {
    --color-accent-fallback: #cff4fc;
    --color-accent: #08a1fe;
  
    --color-accent-light-fallback: #cff4fc;
    --color-accent-light: #cff4fc;
      
    --color-text-fallback: #626262;
    --color-text: #626262;
      
    --color-text-dark-fallback: #1d1d1b;
    --color-text-dark: #1d1d1b;
  
    --color-text-white-fallback: #ffffff;
    --color-text-white: #ffffff;
  
    --color-head-fallback: #323232;
    --color-head: #323232;
  
    --color-bg-white-fallback: #ffffff;
    --color-bg-white: #ffffff;
  
    --color-bg-light-fallback: #e9ecef;
    --color-bg-light: #e9ecef;
  
    --color-bg-light-2-fallback: #c8c8c8;
    --color-bg-light-2: #c8c8c8;
  
    --color-bg-dark-fallback: #282a39;
    --color-bg-dark: #282a39;
  
    --color-link-primari-fallback: #10b6fe;
    --color-link-primari: #10b6fe;
  
    --color-link-hover-fallback: #3e81d2;
    --color-link-hover: #3e81d2;
  
    --color-bottom-border-fallback: #eeeeee;
    --color-bottom-border: #eeeeee;
  
    --color-border-lighter-fallback: #f7f7f7;
    --color-border-lighter: #f7f7f7;
  
    --color-icon-light-fallback: #dedede;
    --color-icon-light: #dedede;
  
    --color-hover-light-fallback: #e9ecef;
    --color-hover-light: #e9ecef;
  
    --color-input-bg-fallback: #f6f7f8;
    --color-input-bg: #f6f7f8;
      
    --color-input-active-fallback: #ffffff;
    --color-input-active: #ffffff;
  
    --color-red-fallback: #dc3545;
    --color-red: #dc3545;
  
    --color-red-lightfallback: #f8d7da;
    --color-red-light: #f8d7da;
  
    --color-green-fallback: #198754;
    --color-green: #198754;
      
    --color-green-light-fallback: #a8e2c8 ;
    --color-green-light: #a8e2c8;
      
    --color-blue-fallback: #0d6efd;
    --color-blue: #0d6efd;
  
    --color-blue-lightfallback: #a6c7f8;
    --color-blue-light: #a6c7f8;
      
    --color-yellow-fallback: #ffc107;
    --color-yellow: #ffc107;
  
    --color-yellow-light-fallback: #fff3cd;
    --color-yellow-light: #fff3cd;
  
    --color-purple-fallback: #6f42c1;
    --color-purple: #6f42c1;
  
    --color-orange-fallback: #fd7e14;
    --color-orange: #fd7e14;
  
    --color-orange-light-fallback: #ffc99d;
    --color-orange-light: #ffc99d;
  
    --color-pink-fallback: #d63384;
    --color-pink: #d63384;
      
  }
  
  /* GLOBAL SHADOWS */
  
  :root {
    --box-shadow:  1px 1px 15px rgba(0, 0, 0, 0.1);
    --input-focus-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
  }
  
  body.night {
    --color-text-fallback: #9295a2;;
    --color-text: #9295a2;;
      
    --color-text-dark-fallback: #ffffff;
    --color-text-dark: #ffffff;
  
    --color-text-white-fallback: #1d1d1b;
    --color-text-white: #1d1d1b;
  
    --color-head-fallback: #ffffff;
    --color-head: #ffffff;
  
    --color-bg-white-fallback: #2f3243;
    --color-bg-white: #2f3243;
  
    --color-bg-light-fallback: rgba(0, 0, 0, 0.2);
    --color-bg-light: rgba(0, 0, 0, 0.2);
      
    --color-bg-light-2-fallback: #484848;
    --color-bg-light-2: #484848;
  
    --color-bg-dark-fallback: #ffffff;
    --color-bg-dark: #ffffff;
      
    --color-link-primari-fallback: #10b6fe;
    --color-link-primari: #10b6fe;
  
    --color-link-hover-fallback: #3e81d2;
    --color-link-hover: #3e81d2;
  
    --color-bottom-border-fallback: #4e5165; 
    --color-bottom-border: #4e5165;
  
    --color-border-lighter-fallback: #3a3a3a;
    --color-border-lighter: #3a3a3a;
      
    --color-icon-fallback: #ffffff;
    --color-icon: #ffffff;
  
    --color-icon-light-fallback: #dedede;
    --color-icon-light: #dedede;
  
    --color-hover-light-fallback: rgba(0, 0, 0, 0.2);
    --color-hover-light: rgba(0, 0, 0, 0.2);
  
    --color-input-bg-fallback: transparent;
    --color-input-bg: transparent;
  
    --color-input-active-fallback: transparent;
    --color-input-active: transparent;
  
  }
  
  body.night {
    --box-shadow: 1px 1px 15px rgba(22, 23, 33, 0.4);
    --input-focus-shadow: none;
  }