:root {
    --bg: #0a0b0e;
    --bg-2: #0d0e13;
    --surface: #121420;
    --surface-2: #171a28;
    --border: rgba(255, 255, 255, 0.07);
    --border-strong: rgba(255, 255, 255, 0.13);
    --text: #f3f4f7;
    --text-dim: #9094a3;
    --text-faint: #565b6b;
    --accent: #4361ff;
    --accent-2: #6f86ff;
    --accent-rgb: 67, 97, 255;
    --maxw: 1180px;
    --ease: cubic-bezier(0.22, 1, 0.36, 1);
}

:root[data-accent="violet"] {
    --accent: #7c4dff;
    --accent-2: #a17bff;
    --accent-rgb: 124, 77, 255;
}

:root[data-accent="cyan"] {
    --accent: #11c5e8;
    --accent-2: #5fe0f5;
    --accent-rgb: 17, 197, 232;
}

:root[data-accent="emerald"] {
    --accent: #16d39a;
    --accent-2: #5ce7bf;
    --accent-rgb: 22, 211, 154;
}