@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Cal+Sans&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Cal Sans', 'Bebas Neue', sans-serif;
}

body {
    margin: 0;
    padding: 0;
    background: var(--background);
    color: var(--text);
}

a {
    text-decoration: none;
}

:root {
    --accent-blue-1: #8cc3e3;
    --accent-blue-2: #639ebf;
    --accent-blue-3: #4f89a8;
    --accent-blue-4: #3c708e;
    --accent-blue-5: #2b5875;
    --accent-blue-6: #1d405b;
    --accent-blue-7: #023e7d;
    --accent-blue-8: #002855;
    --accent-blue-9: #001f47;
    --accent-blue-10: #001a3d;
    --accent-blue-11: #001633;
    --accent-blue-12: #001129;
    --accent-blue-13: #000f24;
    --accent-blue-14: #000c1e;
    --accent-blue-15: #000a19;
    --accent-blue-16: #000814;
    --accent-blue-17: #000610;
    --accent-blue-18: #00040b;
    --accent-blue-19: #000307;
    --accent-blue-20: #000203;

    --accent-yellow-1: #fa8200;

    --accent-gray-1: #696969;

    --background: #ffffff;
    --text: #0f172a;
}

:root[data-theme='light'] {
    --accent-blue-1: #8cc3e3;
    --accent-blue-2: #639ebf;
    --accent-blue-3: #4f89a8;
    --accent-blue-4: #3c708e;
    --accent-blue-5: #2b5875;
    --accent-blue-6: #1d405b;
    --accent-blue-7: #023e7d;
    --accent-blue-8: #002855;
    --accent-blue-9: #001f47;
    --accent-blue-10: #001a3d;
    --accent-blue-11: #001633;
    --accent-blue-12: #001129;
    --accent-blue-13: #000f24;
    --accent-blue-14: #000c1e;
    --accent-blue-15: #000a19;
    --accent-blue-16: #000814;
    --accent-blue-17: #000610;
    --accent-blue-18: #00040b;
    --accent-blue-19: #000307;
    --accent-blue-20: #000203;

    --accent-yellow-1: #fa8200;

    --accent-gray-1: #696969;

    --background: #ffffff;
    --text: #0f172a;
}

:root[data-theme='dark'] {
    --accent-blue-1: #8cc3e3;
    --accent-blue-2: #639ebf;
    --accent-blue-3: #4f89a8;
    --accent-blue-4: #3c708e;
    --accent-blue-5: #2b5875;
    --accent-blue-6: #1d405b;
    --accent-blue-7: #023e7d;
    --accent-blue-8: #002855;
    --accent-blue-9: #001f47;
    --accent-blue-10: #001a3d;
    --accent-blue-11: #001633;
    --accent-blue-12: #001129;
    --accent-blue-13: #000f24;
    --accent-blue-14: #000c1e;
    --accent-blue-15: #000a19;
    --accent-blue-16: #000814;
    --accent-blue-17: #000610;
    --accent-blue-18: #00040b;
    --accent-blue-19: #000307;
    --accent-blue-20: #000203;

    --accent-yellow-1: #fa8200;

    --accent-gray-1: #696969;

    --background: #020617;
    --text: #e5e7eb;
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme]) {
        --accent-blue-1: #8cc3e3;
        --accent-blue-2: #639ebf;
        --accent-blue-3: #4f89a8;
        --accent-blue-4: #3c708e;
        --accent-blue-5: #2b5875;
        --accent-blue-6: #1d405b;
        --accent-blue-7: #023e7d;
        --accent-blue-8: #002855;
        --accent-blue-9: #001f47;
        --accent-blue-10: #001a3d;
        --accent-blue-11: #001633;
        --accent-blue-12: #001129;
        --accent-blue-13: #000f24;
        --accent-blue-14: #000c1e;
        --accent-blue-15: #000a19;
        --accent-blue-16: #000814;
        --accent-blue-17: #000610;
        --accent-blue-18: #00040b;
        --accent-blue-19: #000307;
        --accent-blue-20: #000203;

        --accent-yellow-1: #fa8200;

        --background: #020617;
        --text: #e5e7eb;
    }
}