/* ============================================================
   Gestor — Tema Offertech para Bulma
   Identidade visual da empresa: claro, laranja #ff4f01,
   branco e variacoes de cinza.
   Carregado apos bulma.min.css para sobrescrever as variaveis.
   ============================================================ */

:root,
:root[data-theme="light"],
:root[data-theme="dark"] {
    /* ===== Paleta Offertech ===== */
    --offer-orange:        #ff4f01;
    --offer-orange-light:  #ffbc7d;
    --offer-white:         #ffffff;
    --offer-gray-lightest: #f5f5f5;
    --offer-gray-border:   #d1d1d1;
    --offer-gray-muted:    #9e9e9e;
    --offer-gray-dark:     #55595c;
    --offer-text:          #2f2e2e;

    /* ===== Tokens base do Bulma 1.x (HSL do laranja #ff4f01) ===== */
    --bulma-primary-h: 18deg;
    --bulma-primary-s: 100%;
    --bulma-primary-l: 50%;

    --bulma-link-h: 18deg;
    --bulma-link-s: 100%;
    --bulma-link-l: 50%;

    /* Esquema de cores forcado para CLARO (Offertech) */
    --bulma-scheme-h: 0;
    --bulma-scheme-s: 0%;
    --bulma-light-l: 96%;
    --bulma-dark-l: 20%;
    --bulma-soft-l: 90%;
    --bulma-bold-l: 20%;
    --bulma-soft-invert-l: 20%;
    --bulma-bold-invert-l: 90%;

    --bulma-scheme-main: #ffffff;
    --bulma-scheme-main-bis: #f5f5f5;
    --bulma-scheme-main-ter: #f5f5f5;
    --bulma-body-background-color: #ffffff;
    --bulma-background: #f5f5f5;
    --bulma-border: #d1d1d1;
    --bulma-border-weak: #d1d1d1;
    --bulma-border-hover: #9e9e9e;
    --bulma-text: #2f2e2e;
    --bulma-text-weak: #9e9e9e;
    --bulma-text-strong: #2f2e2e;
    --bulma-text-title: #2f2e2e;
    --bulma-body-color: #2f2e2e;
    --bulma-grey-lighter: #f5f5f5;
    --bulma-grey-light: #9e9e9e;
    --bulma-grey: #55595c;
}

/* Identidade Offertech e sempre CLARA, mesmo se o navegador pedir dark */
@media (prefers-color-scheme: dark) {
    :root {
        --bulma-scheme-h: 0;
        --bulma-scheme-s: 0%;
        --bulma-scheme-main: #ffffff;
        --bulma-scheme-main-bis: #f5f5f5;
        --bulma-scheme-main-ter: #f5f5f5;
        --bulma-body-background-color: #ffffff;
        --bulma-background: #f5f5f5;
        --bulma-text: #2f2e2e;
        --bulma-text-strong: #2f2e2e;
        --bulma-body-color: #2f2e2e;
        --bulma-border: #d1d1d1;
    }
}

html, body {
    background-color: #ffffff !important;
    color: #2f2e2e;
}

/* ===== Helpers extras com as cores Offertech ===== */
.has-text-offer-orange        { color: #ff4f01 !important; }
.has-background-offer-orange { background-color: #ff4f01 !important; color: #ffffff !important; }
.has-background-offer-light  { background-color: #f5f5f5 !important; }

/* Botao primario em laranja Offertech */
.button.is-primary {
    background-color: #ff4f01;
    border-color: #ff4f01;
    color: #ffffff;
}
.button.is-primary:hover,
.button.is-primary:focus {
    background-color: #ffbc7d;
    border-color: #ffbc7d;
    color: #ffffff;
}

/* Navbar com identidade Offertech (helper para uso futuro) */
.navbar.is-offer {
    background-color: #ffffff;
    border-bottom: 2px solid #ff4f01;
}
.navbar.is-offer .navbar-item { color: #2f2e2e; }
.navbar.is-offer .navbar-item:hover { color: #ff4f01; }