@import url('https://fonts.googleapis.com/css2?family=Anton&family=Roboto&display=swap');

[data-theme="huskies"] {
    --color-primary: #F7BA0F; /* Yellow */
    --color-primary-content: #2D1E6E; /* Signature Purple on Yellow */
    
    --color-secondary: #2D1E6E; /* Signature Purple */
    --color-secondary-content: #ffffff; /* White on Purple */
    
    --color-base-100: #ffffff;
    --color-base-200: #f8fafc;
    --color-base-300: #f1f5f9;
    --color-base-content: #2D1E6E;
}

.badge-cup {
    background-color: var(--color-primary);
    color: var(--color-primary-content);
    border-color: var(--color-primary);
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Anton', sans-serif;
    text-transform: uppercase;
}

.font-display {
    font-family: 'Anton', sans-serif;
}

[data-theme="huskies"] h1,
[data-theme="huskies"] h2,
[data-theme="huskies"] h3,
[data-theme="huskies"] h4,
[data-theme="huskies"] h5,
[data-theme="huskies"] h6 {
    color: var(--color-secondary);
}

body {
    font-family: 'Roboto', sans-serif;
    background-color: #ffffff;
    color: var(--color-base-content);
}