:root {
    --background-color: #070a1a;
    --surface-color: #121634;
    --surface-color-2: #111b3f;
    --primary-color: #b59bff;
    --secondary-color: #7cf6ff;
    --accent-color: #ff7ad9;
    --accent-color: #7dffb2;

    --warning-color: #ffd166;
    --text-color: #f3f6ff;
    --muted-text-color: #b8c0e0;

    background-color: var(--background-color);
    color: var(--text-color);
}

body {
    padding: 12px;
    max-width: 1280;
    text-align: center;
    font-size: 16px;
}

a{
    color: var(--primary-color);
    text-decoration: underline;
}

a:hover{
    text-decoration: none;
}