/* ===========================
   PALETA OFICIAL LANTIN
   =========================== */
:root {
    --lantin-primary: #B80000;
    --lantin-primary-light: #FFCCCC;
    --lantin-primary-dark: #990000;

    --lantin-secondary: #0057B8;
    --lantin-secondary-light: #CCDEF5;
    --lantin-secondary-dark: #004999;

    --lantin-accent: #FF7A00;
    --lantin-accent-light: #FFE0CC;
    --lantin-accent-dark: #CC6200;

    --lantin-bg: #FFFFFF;
    --lantin-bg-alt: #F5F5F5;

    --lantin-text: #4A4A4A;
    --lantin-text-strong: #1A1A1A;
}

/* ===========================
   HEADER
   =========================== */
.lantin-navbar {
    background-color: var(--lantin-primary);
}

/* ===========================
   BOTÕES PADRÃO LANTIN
   =========================== */
.btn-lantin-primary {
    background-color: var(--lantin-primary);
    color: #fff;
}
.btn-lantin-primary:hover {
    background-color: var(--lantin-primary-dark);
}

.btn-lantin-secondary {
    background-color: var(--lantin-secondary);
    color: #fff;
}
.btn-lantin-secondary:hover {
    background-color: var(--lantin-secondary-dark);
}

.btn-lantin-accent {
    background-color: var(--lantin-accent);
    color: #fff;
}
.btn-lantin-accent:hover {
    background-color: var(--lantin-accent-dark);
}

/* ===========================
   CHIPS (BADGES)
   =========================== */
.chip {
    padding: 6px 12px;
    border-radius: 20px;
    display: inline-block;
    font-size: .8rem;
}
.chip-primary { background: var(--lantin-primary-light); color: var(--lantin-primary-dark); }
.chip-secondary { background: var(--lantin-secondary-light); color: var(--lantin-secondary-dark); }
.chip-accent { background: var(--lantin-accent-light); color: var(--lantin-accent-dark); }

/* ===========================
   TABELAS
   =========================== */
.table-lantin thead {
    background: var(--lantin-primary);
    color: white;
}
.table-lantin tbody tr:hover {
    background: var(--lantin-primary-light);
}

/* ===========================
   FORMULÁRIOS
   =========================== */
.form-control:focus {
    border-color: var(--lantin-secondary);
    box-shadow: 0 0 5px var(--lantin-secondary-light);
}

/* ===========================
   ALERTS / MENSAGENS
   =========================== */
.alert-lantin {
    border-left: 5px solid var(--lantin-primary);
    background: var(--lantin-primary-light);
    color: var(--lantin-primary-dark);
}

/* ===========================
   CUSTOMIZAÇÕES GERAIS
   =========================== */
body {
    background: var(--lantin-bg);
    color: var(--lantin-text);
}

/* Links no padrão Lantin */
a {
    color: var(--lantin-secondary);
}
a:hover {
    color: var(--lantin-secondary-dark);
}