/* NEXT Auto Auctions brand tokens — import this in every web page and app screen.
   Tokens de marca de NEXT Auto Auctions — importar en cada página web y pantalla de la app. */

:root {
  /* Sampled from next-logo.jpg / Tomados de next-logo.jpg */
  --next-charcoal: #353535;
  --next-sky: #3EBCEE;
  --next-white: #FFFFFF;

  /* Darker blue for text and links on white: #3EBCEE is only 2.2:1 contrast there and fails accessibility.
     Azul más oscuro para texto y enlaces sobre blanco: #3EBCEE solo tiene contraste 2.2:1 y no es accesible. */
  --next-sky-deep: #0A75A8;

  --next-charcoal-900: #1F1F1F;
  --next-gray-100: #F4F5F6;
  --next-gray-300: #D5D8DC;

  /* The arrow in the logo / La flecha del logo */
  --next-arrow-gradient: linear-gradient(90deg, var(--next-charcoal) 0%, var(--next-sky) 100%);

  --next-font-display: "Montserrat", "Arial Black", "Helvetica Neue", Arial, sans-serif;
  --next-font-body: "Inter", "Segoe UI", Roboto, Arial, sans-serif;
}

.next-btn-primary {
  background: var(--next-sky);
  color: var(--next-charcoal-900);
  font-family: var(--next-font-display);
  font-weight: 800;
}

.next-btn-secondary {
  background: var(--next-charcoal);
  color: var(--next-white);
  font-family: var(--next-font-display);
  font-weight: 800;
}

.next-link {
  color: var(--next-sky-deep);
}