@layer base {
  html {
    font-family: "Poppins", system-ui, sans-serif;
  }
}

/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */
.dorado {
  background-color: #e8d5a3;
  color: #8b6914;
}
.rosa {
  background-color: #f0c8d8;
  color: #8b4d6b;
}
.burdeos {
  background-color: #c4748a;
  color: #4a1a28;
}
.verde_salvia {  
  background-color: #a8c8ad;
  color: #3d5c42;
}
.navy {
  background-color: #6a8fb0;
  color: #0d1f36;
}
.negro {
  background-color: #000;
  color: #9e9e9e;
}

.flash-container {
  will-change: transform, opacity;
  transition: box-shadow 0.3s ease;
  z-index: 999;
}

.disabled {
  cursor: not-allowed !important;
}