/*
  Variables de cliente. 
  Se deben declarar las mismas variables que en styles.css
  Si no se declaran, se usarán los valores por defecto del styles.css
*/

/* html:root {
  --primary-color-50: rgb(253, 241, 232);
  --primary-color-100: rgb(251, 227, 208);
  --primary-color-200: rgb(247, 200, 161);
  --primary-color-300: rgb(243, 172, 114);
  --primary-color-400: rgb(239, 144, 67);
  --primary-color-500: rgb(235, 117, 19);
  --primary-color-600: rgb(188, 93, 16);
  --primary-color-700: rgb(141, 70, 13);
  --primary-color-800: rgb(94, 47, 7);
  --primary-color-900: rgb(47, 23, 4);
  --primary-color-950: rgb(33, 16, 3);

  --sidenav-bg: rgb(27, 27, 27);
  --sidenav-bg-hover: rgba(255, 255, 255, 0.1);
  --sidenav-item-bg-active: color-mix(in srgb, var(--primary-color-500) 10%, transparent);
  --sidenav-item-text-active: var(--primary-color-500);
  --sidenav-border-color: rgb(27, 27, 27);
  --sidenav-text: rgb(255, 255, 255);
  --sidenav-logo-height: 3rem;
  --sidenav-logo-path: assets/images/logos/logo-dark.png;

  --topbar-logo-height: 2rem;
  --topbar-logo-padding-x: 1rem;
  --topbar-logo-padding-y: 1rem;
  --topbar-bg: rgb(45, 45, 45);
  --topbar-text: rgb(255, 255, 255);
  --topbar-logo-path: assets/images/logos/logo-dark.png;

  --topnav-item-text: rgb(255, 255, 255);
  --topnav-item-text-active: rgb(255, 128, 43);
  --topnav-item-bg-active: rgba(221, 81, 0, 0.24);
  --topnav-item-bg-hover: rgba(255, 255, 255, 0.1);
  --topnav-bg: rgb(45, 45, 45);

  --login-hero-img-path: assets/images/login/hero-login-3.png;
  --register-hero-img-path: assets/images/login/hero-register-2.png;
  --login-hero-bg-color: rgb(255, 116, 1);
  --login-form-logo-path: assets/images/logos/logo-light.png;
  --login-form-logo-display: none;
  --login-form-bg: rgb(255, 116, 1);
  --login-form-card-bg: rgb(255, 255, 255);
  --login-simple-bg-img-path: assets/images/login/orange-gradient-bg.jpg;

  --footer-bg: rgb(45, 45, 45);
  --footer-text: rgb(255, 255, 255);
  --footer-link-color: var(--primary-color-500);
  --footer-logo-path: assets/images/logos/logo-dark.png;

  --imprimible-logo-path: assets/images/logos/logo-light.png;

  --condensed-layout-bg:
    radial-gradient(circle at top left, var(--color-primary-300), transparent 100%),
    radial-gradient(circle at top right, var(--color-primary-500), transparent 100%),
    radial-gradient(circle at bottom left, var(--color-primary-500), transparent 100%),
    radial-gradient(circle at bottom right, var(--color-primary-300), transparent 100%);
  --condensed-layout-bg-height: 100%;
} */