:root {
  /* Base */
  --base-font-family: Helvetica, Arial, sans-serif;
  --base-font-size: 16px;
  --base-line-height: 1.2;
  --base-font-weight: 400;
  --base-font-strong-weight: 600;

  /* Fonts */
  --font-small: 0.75rem;
  --font-medium: 0.875rem;
  --font-large: 1.125rem;
  --font-xlarge: 1.5rem;
  --font-xxlarge: 2rem;

  --line-height-xsmall: 1;
  --line-height-small: 1.25;
  --line-height-medium: 1.5;
  --line-height-medium-large: 1.8;
  --line-height-large: 2.4;
  --line-height-xlarge: 3.2;

  /* Colors */
  --base-color: #000;
  --base-bg-color: #fff;

  --primary-color: #0035e5;
  --primary-dark-color: #022596;
  
  --secondary-color: #343e3e;
  --secondary-dark-color: #252c2c;
  
  --danger-color: #d61232;
  --success-color: #00a388;
  --alert-color: #ffd04e;
  
  --light-color: white;
  --light-gray-color: #f5f5f5;
  --mid-gray-color: #ccc;
  --gray-color: #999;
  --dark-gray-color: #666;
  --darkest-gray-color: #333;  

  /* Shadows */
  --light-shadow: rgba(0,0,0,0.1);
  --soft-shadow: rgba(0,0,0,0.2);
  --mid-shadow: rgba(0,0,0,0.5);
  --dark-shadow: rgba(0,0,0,0.7);
  --medium-glow: rgba(255,255,255,0.7);
  --light-glow: rgba(255,255,255,0.5);
  --soft-glow: rgba(255,255,255,0.2);
  --box-shadow-login: none;

  /* Login */
  --login-logo-url: url(../images/ap_latam_logo.png);
  --login-logo-width: 90px;
  --login-logo-height: 90px;
  --border-radius: 8px;
  --border-radius-small: 4px;
  --login-body-bg-color: var(--light-gray-color);
  --login-bg-color: var(--primary-color);
  --login-form-bg-color: var(--primary-dark-color);
  --login-form-color: var(--light-color);
  --login-remember-label: var(--light-color);
  --recover-password-color: white;
  --login-error-color: #fff;
  --login-error-a-color: #fff;
  --login-alert-color: #000;
  --login-submit-color: #fff;
  --login-submit-bg-color: var(--primary-color);

  /* Admin */
  --main-menu-bg-color: var(--primary-dark-color);
  --main-submenu-bg-color: var(--primary-color);
  --main-menu-color: var(--base-bg-color);
  --main-submenu-color: var(--base-bg-color);
  --main-menu-selected-color: var(--primary-color);
  --main-menu-open-submenu: var(--primary-color);
  --main-menu-hover-bg-color: #101050;
  --main-menu-hover-color: var(--base-bg-color);

  --admin-links-color: var(--primary-dark-color);

  --primary-boton-color: white;
  --primary-boton-bg-color: var(--admin-links-color);
}