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

[data-theme="swarm"] {
    --color-primary: #F7BA0F;
    --color-secondary: #111111;
    --color-blue: #1a3a6e;
    --color-base-100: oklch(22% 0.06 245);
    --color-base-200: oklch(19% 0.06 245);
    --color-base-300: oklch(16% 0.06 245);
    --color-base-content: oklch(92% 0.01 245);
}

.nav-text-blue {
    color: var(--color-blue);
}

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

.badge-home {
    background-color: white;
    color: var(--color-blue);
    border-color: white;
}

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

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

body {
    font-family: 'Roboto', sans-serif;
}

[data-theme="swarm"] body {
    background: radial-gradient(ellipse 120% 100% at 50% 50%, #1a3a6e 0%, #0b1e3d 50%, #050c1c 100%);
    min-height: 100vh;
}