/* BASE */
:root {
    --primary-font: "Mona Sans", "Mona Sans Fallback";
    --primary-color: #fbfb9a;
    --primary-color-dark: #e9e98c; /* Para hover/active */
    --primary-color-darker: #d7d77e; /* Para active */
    --primary-color-light: #fcfcb4; /* Para disabled */
    --secondary-color: #161616;
    --tertiary-color: #fff;
    --card-color: #424242;
    --validation-color: #ff5757;


    /* Nuevas variables para botones */
    --btn-text-color: var(--secondary-color);
    --btn-bg: var(--primary-color);
    --btn-border-color: var(--primary-color);
    --btn-hover-bg: var(--primary-color-dark);
    --btn-hover-border-color: var(--primary-color-darker);
    --btn-active-bg: var(--primary-color-darker);
    --btn-active-border-color: var(--primary-color-darker);
    --btn-disabled-bg: var(--primary-color-light);
    --btn-disabled-border-color: var(--primary-color-light);
    --btn-focus-shadow-rgb: 251, 251, 154; /* RGB values of --primary-color */
}
@font-face {
    font-family: 'Mona Sans';
    src: url('../fonts/Mona-Sans.woff2') format('woff2 supports variations'), url('../fonts/Mona-Sans.woff2') format('woff2-variations');
    font-weight: 200 900;
    font-stretch: 75% 125%;
}
body {
    background-color: var(--secondary-color);
    font-family: var(--primary-font);
    margin: 0px;
    color: #FCFCFC;
}
h1 {
    font-family: var(--primary-font);
    font-weight: 600;
    font-size: 96px;
    margin: 0;
    letter-spacing: 1px;
    clear: left;
}
h6 {
    font-family: var(--primary-font);
    margin-top: 10px;
    color: #808080;
    font-weight: 400;
    font-size: 24px;
}
.validacion {
    color: var(--bs-danger);
    font-size: 0.8rem;
}
.text-descuento{
    color: var(--bs-teal);
}