/* Tema claro (default) */
:root {
    /* Cor primária do tema */
    --tblr-primary: #cc3b00;
    --tblr-primary-rgb: 204, 59, 0;

    /* Cor base de texto (claro) */
    --tblr-body-color: #241f2d;
    --tblr-body-color-rgb: 36, 31, 45;

    /* Links */
    --tblr-link-color: var(--tblr-primary);
    --tblr-link-hover-color: #a53000;
    --tblr-link-hover-color-rgb: 165, 48, 0;
    --tblr-link-color-rgb: var(--tblr-primary);

    /* Botões primários */
    --tblr-btn-primary-bg: var(--tblr-primary);
    --tblr-btn-primary-border-color: var(--tblr-primary);

    /* Badges primários */
    --tblr-badge-bg: var(--tblr-primary);

    /* Navbar */
    --tblr-navbar-active-border-color: var(--tblr-primary);
    --tblr-navbar-active-bg: rgba(204, 59, 0, 0.08);
}

/* Tema escuro */
html[data-theme="dark"] {
    /* Primária mais clara no fundo escuro */
    --tblr-primary: #ff9966;
    --tblr-primary-rgb: 255, 153, 102;

    /* Cor base de texto (dark: quase branca pra dar contraste) */
    --tblr-body-color: #f5f5f7;
    --tblr-body-color-rgb: 245, 245, 247;

    --tblr-link-color: var(--tblr-primary);
    --tblr-link-hover-color: #ffb899;
    --tblr-link-color-rgb: var(--tblr-primary);

    --tblr-btn-primary-bg: var(--tblr-primary);
    --tblr-btn-primary-border-color: var(--tblr-primary);
}

/* Foco dos inputs flat */
.input-group-flat:focus-within {
    box-shadow: 0 0 transparent, 0 0 0 0.25rem rgba(var(--tblr-primary-rgb), .25);
}

.input-group-flat:focus-within .form-control,
.input-group-flat:focus-within .input-group-text {
    border-color: rgba(var(--tblr-primary-rgb), 0.5) !important;
}