/* wwwroot/css/my-fonts.css */

/* ====== Paleta y base ====== */
:root {
    --color-primary: #1E3A8A; /* Azul oscuro */
    --color-secondary: #10B981; /* Verde esmeralda */
    --color-accent: #F59E0B; /* Amarillo ámbar */
    --color-background: #F3F4F6; /* Gris claro */
    --color-text: #192967; /* Gris muy oscuro */
}

@font-face {
    font-family: 'Clash-Regular'; /* Este nombre tú lo inventas, úsalo luego */
    src: url('../fonts/ClashDisplay-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* Mejora el rendimiento de carga */
}

.clash-regular {
    font-family: 'Clash-Regular', sans-serif; /* Usa el nombre definido arriba */
    font-weight: bold;
    font-size: x-large;
    color: var(--color-text);
}

.clash-regular-small {
    font-family: 'Clash-Regular', sans-serif; /* Usa el nombre definido arriba */
    font-weight: bold;
    font-size: small;
    color: var(--color-text);
}