@charset "UTF-8";

/* =====================================================
   TEMAS DE COMPONENTES
===================================================== */

/* Azul (padrão) */

.theme-primary{
    background:linear-gradient(135deg,#eff6ff,#ffffff);
    border:1px solid #bfdbfe;
}

.theme-primary h2,
.theme-primary h3,
.theme-primary h4{
    color:var(--color-dark);
}

/* Azul escuro */

.theme-dark{
    background:linear-gradient(135deg,#071b3a,#0f7eea);
    color:#fff;
}

.theme-dark h2,
.theme-dark h3,
.theme-dark h4{
    color:#fff;
}

.theme-dark p{
    color:#dbeafe;
}

.theme-dark a{
    color:#fff;
}

/* Sucesso */

.theme-success{
    background:#f0fdf4;
    border:1px solid #86efac;
}

.theme-success h2,
.theme-success h3{
    color:#166534;
}

.theme-success p{
    color:#14532d;
}

/* Atenção */

.theme-warning{
    background:#fff8e8;
    border:1px solid #fde68a;
}

.theme-warning h2,
.theme-warning h3{
    color:#92400e;
}

.theme-warning p{
    color:#78350f;
}

/* Erro */

.theme-danger{
    background:#fef2f2;
    border:1px solid #fecaca;
}

.theme-danger h2,
.theme-danger h3{
    color:#991b1b;
}

.theme-danger p{
    color:#7f1d1d;
}

/* Informação */

.theme-info{
    background:#eef7ff;
    border:1px solid #cfe5ff;
}

.theme-info h2,
.theme-info h3{
    color:#0f4fa8;
}

.theme-info p{
    color:#1e3a5f;
}

/* =====================================================
   BADGES
===================================================== */

.theme-primary .badge{
    background:var(--color-primary);
    color:#fff;
}

.theme-dark .badge{
    background:#fff;
    color:var(--color-primary);
}

.theme-success .badge{
    background:#16a34a;
    color:#fff;
}

.theme-warning .badge{
    background:#d97706;
    color:#fff;
}

.theme-danger .badge{
    background:#dc2626;
    color:#fff;
}

/* =====================================================
   LINKS
===================================================== */

.theme-dark a:hover{
    opacity:.85;
}

.theme-primary a:hover,
.theme-success a:hover,
.theme-warning a:hover,
.theme-info a:hover{
    text-decoration:underline;
}