html {
    font-family: 'Inter', sans-serif;
}

[v-cloak] {
    display: none;
}

.text-red-500 { color: #cb2129; }
.bg-red-500 { background-color: #cb2129; }

.bg-yellow-vivid-050 { background-color: #FFFBEA; }
.bg-yellow-vivid-100 { background-color: #FFF3C4; }
.bg-yellow-vivid-200 { background-color: #FCE588; }
.bg-yellow-vivid-300 { background-color: #FADB5F; }
.bg-yellow-vivid-400 { background-color: #F7C948; }
.bg-yellow-vivid-500 { background-color: #F0B429; }
.bg-yellow-vivid-600 { background-color: #DE911D; }
.bg-yellow-vivid-700 { background-color: #CB6E17; }
.bg-yellow-vivid-800 { background-color: #B44D12; }

.text-yellow-vivid-900 { color: #8D2B0B; }
.text-yellow-vivid-050 { color: #FFFBEA; }
.text-yellow-vivid-100 { color: #FFF3C4; }
.text-yellow-vivid-200 { color: #FCE588; }
.text-yellow-vivid-300 { color: #FADB5F; }
.text-yellow-vivid-400 { color: #F7C948; }
.text-yellow-vivid-500 { color: #F0B429; }
.text-yellow-vivid-600 { color: #DE911D; }
.text-yellow-vivid-700 { color: #CB6E17; }
.text-yellow-vivid-800 { color: #B44D12; }
.text-yellow-vivid-900 { color: #8D2B0B; }

.bg-warm-grey-050 { background-color: #FAF9F7; }
.bg-warm-grey-100 { background-color: #E8E6E1; }
.bg-warm-grey-200 { background-color: #D3CEC4; }
.bg-warm-grey-300 { background-color: #B8B2A7; }
.bg-warm-grey-400 { background-color: #A39E93; }
.bg-warm-grey-500 { background-color: #857F72; }
.bg-warm-grey-600 { background-color: #625D52; }
.bg-warm-grey-700 { background-color: #504A40; }
.bg-warm-grey-800 { background-color: #423D33; }
.bg-warm-grey-900 { background-color: #27241D; }

.text-warm-grey-050 { color: #FAF9F7; }
.text-warm-grey-100 { color: #E8E6E1; }
.text-warm-grey-200 { color: #D3CEC4; }
.text-warm-grey-300 { color: #B8B2A7; }
.text-warm-grey-400 { color: #A39E93; }
.text-warm-grey-500 { color: #857F72; }
.text-warm-grey-600 { color: #625D52; }
.text-warm-grey-700 { color: #504A40; }
.text-warm-grey-800 { color: #423D33; }
.text-warm-grey-900 { color: #27241D; }