:root {
    /* Cores base do tema Laureon */
    --color-laureon-100: #e4e6f4;
    --color-laureon-200: #c2c6ea;
    --color-laureon-300: #9fa8e0;
    --color-laureon-400: #7d89d5;
    --color-laureon-500: #323c76;
    /* Base principal */
    --color-laureon-600: #2c3468;
    --color-laureon-700: #262d59;
    --color-laureon-800: #20264b;
    --color-laureon-900: #1a1f3d;

    /* Cores complementares */
    --color-glow: #6fd0ff;
    /* Chama Espiritual */
    --color-spirit: #4b2d91;
    /* Roxo profundo */
    --color-action: #ff6f61;
    /* Coral vibrante */
    --color-mist: #8e94af;
    /* Cinza cibernético */
    --color-void: #0d0d1a;
    /* Preto encantado */
}

/* Paleta baseada na cor #323c76 em formato utilitário estilo Tailwind */
.bg-laureon-100 {
    background-color: #e4e6f4;
}

.bg-laureon-200 {
    background-color: #c2c6ea;
}

.bg-laureon-300 {
    background-color: #9fa8e0;
}

.bg-laureon-400 {
    background-color: #7d89d5;
}

.bg-laureon-500 {
    background-color: #323c76;
}

.bg-laureon-600 {
    background-color: #2c3468;
}

.bg-laureon-700 {
    background-color: #262d59;
}

.bg-laureon-800 {
    background-color: #20264b;
}

.bg-laureon-900 {
    background-color: #1a1f3d;
}


.text-laureon-100 {
    color: #e4e6f4;
}

.text-laureon-200 {
    color: #c2c6ea;
}

.text-laureon-300 {
    color: #9fa8e0;
}

.text-laureon-400 {
    color: #7d89d5;
}

.text-laureon-500 {
    color: #323c76;
}

.text-laureon-600 {
    color: #2c3468;
}

.text-laureon-700 {
    color: #262d59;
}

.text-laureon-800 {
    color: #20264b;
}

.text-laureon-900 {
    color: #1a1f3d;
}

.border-laureon-100 {
    border-color: #e4e6f4;
}

.border-laureon-200 {
    border-color: #c2c6ea;
}

.border-laureon-300 {
    border-color: #9fa8e0;
}

.border-laureon-400 {
    border-color: #7d89d5;
}

.border-laureon-500 {
    border-color: #323c76;
}

.border-laureon-600 {
    border-color: #2c3468;
}

.border-laureon-700 {
    border-color: #262d59;
}

.border-laureon-800 {
    border-color: #20264b;
}

.border-laureon-900 {
    border-color: #1a1f3d;
}

/* Hover states */
.hover\:bg-laureon-100:hover {
    background-color: #e4e6f4;
}

.hover\:bg-laureon-200:hover {
    background-color: #c2c6ea;
}

.hover\:bg-laureon-300:hover {
    background-color: #9fa8e0;
}

.hover\:bg-laureon-400:hover {
    background-color: #7d89d5;
}

.hover\:bg-laureon-500:hover {
    background-color: #323c76;
}

.hover\:bg-laureon-600:hover {
    background-color: #2c3468;
}

.hover\:bg-laureon-700:hover {
    background-color: #262d59;
}

.hover\:bg-laureon-800:hover {
    background-color: #20264b;
}

.hover\:bg-laureon-900:hover {
    background-color: #1a1f3d;
}