@font-face {
    font-family: 'Ludor';
    src: url('fonts/m6x11plus.ttf') format('woff2');
    font-weight: normal;
    font-style: normal;
}

:root {
    /* Brand */
    --color-primary: #014729;
    --color-white: #fff;
    --color-charcoal: #212121;
    /* Semantic */
    --color-error: #e85050;
    --color-warning: #ff9800;
    --color-gold: #f0c040;
    --color-toast-bg: #9d1313;
    /* Suit colors */
    --color-suit-oros: #f0c040;
    --color-suit-copas: #e85050;
    --color-suit-espadas: #60b0e0;
    --color-suit-bastos: #60c060;
    --color-suit-joker: #c080e0;
    /* Layout */
    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-round: 50%;
    /* Transitions */
    --transition-fast: 0.3s ease;
    --transition-normal: 0.4s ease;
    /* Font */
    --font-family: 'Ludor', sans-serif;
}