/*
    FKSmart V2 — Tema oficial do Portal de Suporte FKSmart
    Baseado no sistema de variáveis CSS do Hesk 3.7.8

    INSTRUÇÕES:
    1) Este arquivo sobrescreve apenas as variáveis de cor do 0_00_default_theme_vars.css
    2) NÃO adicionar cores hardcoded fora deste :root — usar var(--nome)
    3) Para sobrescritas de componentes específicos, usar o seletor .theme_fksmart
    4) Após qualquer mudança, reconstruir os assets em: Admin → Settings → Misc → Rebuild production assets

    Paleta FKSmart:
        Brand azul:   #2563eb (ação primária) / #1d4ed8 (hover) / #3b82f6 (links)
        Slate escuro: #343a40 (sidebar/header)
        Slate claro:  #f1f5f9 (fundo de página)
        Texto:        #0f172a / #334155 / #64748b
*/

/* ============================================================
   SEÇÃO 1 — Sobrescrita das variáveis principais do tema
   Qualquer valor aqui sobrescreve 0_00_default_theme_vars.css
   ============================================================ */
:root {
    /* --- Cores principais --- */
    --primary:   #1e3a5f;   /* azul escuro — fundo de header, referência de marca */
    --secondary: #2563eb;   /* azul ação primária — botões, links principais */
    --tertiary:  #3b82f6;   /* azul claro — links inline, destaques, CTAs */

    /* --- Superfícies --- */
    --surface:          #ffffff;   /* cards, modais, dropdowns */
    --main-background:  #f1f5f9;   /* fundo geral da página (slate-100) */
    --foreground:       #0f172a;   /* texto sobre fundo escuro */

    /* --- Tipografia --- */
    --font__pri-clr: #0f172a;   /* títulos, valores importantes (slate-900) */
    --font__sec-clr: #334155;   /* texto corpo (slate-700) */

    /* --- Inputs --- */
    --input-bg:  #ffffff;
    --input-clr: #334155;

    /* --- Radio / Checkbox --- */
    --radio__bg:         #ffffff;
    --radio__fill-clr:   var(--secondary);
    --radio__hover-bg:   #eff6ff;   /* slate azulado no hover */

    /* --- Links --- */
    --link__pri-clr:       var(--secondary);
    --link__pri-hover-clr: #1d4ed8;
    --link__sec-clr:       var(--tertiary);
    --link__sec-hover-clr: #2563eb;

    /* --- Header / Navegação --- */
    --header__bg:                    #343a40;   /* sidebar escuro FKSmart */
    --header_logo__clr:              #ffffff;
    --header_nav__clr:               #e5e7eb;   /* texto do nav (slate claro) */
    --header_nav__hover_clr:         #ffffff;
    --header_profile__clr:           #e5e7eb;
    --header_profile__menu-bg:       #ffffff;
    --header_profile__user-avatar-bg: var(--secondary);

    /* --- Ícones de navegação --- */
    --icon_circle__clr:         #ffffff;
    --icon_circle__bg:          var(--secondary);
    --navlink_icon_hover__clr:  #ffffff;
    --navlink_icon_hover__bg:   var(--secondary);

    /* --- Navlinks (cards de navegação na home) --- */
    --navlink__bg:          #ffffff;
    --navlink__clr:         var(--font__sec-clr);
    --navlink__hover-bg:    #eff6ff;   /* azul muito claro no hover */
    --navlink__title-clr:   var(--secondary);

    /* --- Botões --- */
    --btn__bg-clr-pri:      var(--secondary);
    --btn__clr-pri:         #ffffff;
    --btn__border-clr-pri:  #1d4ed8;
    --btn__disabled-bg-clr: #f1f5f9;
    --btn__disabled-clr:    #94a3b8;

    /* --- Dropdowns --- */
    --dropdown__bg:              #ffffff;
    --dropdown__clr:             var(--font__pri-clr);
    --dropdown__border-clr:      #e2e8f0;
    --dropdown__hover-bg:        var(--secondary);
    --dropdown__hover-clr:       #ffffff;
    --dropdown__hover-border-clr: var(--secondary);

    /* --- Datepicker --- */
    --datepicker_btn__bg:  var(--secondary);
    --datepicker_btn__clr: #ffffff;
    --datepicker__bg:      #ffffff;
    --datepicker__clr:     var(--font__pri-clr);

    /* --- Tabela --- */
    --table_row__bg:       #f8fafc;
    --table_row__bg-even:  #eff6ff;
    --table_row__bg-hover: #ffffff;

    /* --- Breadcrumbs --- */
    --breadcrumbs__a-clr:       var(--secondary);
    --breadcrumbs__a-hover-clr: #1d4ed8;

    /* --- Busca KB --- */
    --search__clr:                   #0f172a;
    --search__bg:                    var(--secondary);
    --search__title-clr:             #ffffff;
    --search__input-bg:              #ffffff;
    --search__icon-fill:             var(--secondary);
    --search__input-placeholder-clr: #94a3b8;

    /* --- Artigos / Previews --- */
    --preview__clr:            var(--font__sec-clr);
    --preview__bg:             #ffffff;
    --preview__border-clr:     #dbeafe;
    --preview__hover-bg:       #eff6ff;
    --preview__hover-icon-fill: #ffffff;
    --preview__title-clr:      var(--secondary);

    --suggest_preview__bg:          #ffffff;
    --suggest_preview__clr:         var(--font__pri-clr);
    --suggest_preview__border-clr:  #e2e8f0;
    --suggest_preview__hover-bg:    #eff6ff;
    --suggest_preview__title-clr:   var(--tertiary);

    --article_preview__hover-clr:        #1d4ed8;
    --article_preview_suggestion_clr:    var(--font__pri-clr);

    /* --- Tickets --- */
    --ticket_body__bg:      #ffffff;
    --ticket_response__bg:  #f0fdf4;   /* verde suave — resposta do suporte */

    /* --- Sombras — mantém padrão do tema claro --- */
    --shadow_smaller: 0 1px 2px 0;
    --shadow_small:   0 1px 4px 0;
    --shadow_med:     0 2px 8px 0;

    /* --- Notificações --- */
    --notification__clr: var(--font__pri-clr);

    /* --- Footer --- */
    --footer__link-clr: var(--secondary);

    /* --- Step bar --- */
    --step_bar__item-clr: var(--tertiary);

    /* --- Modal --- */
    --modal_body__bg: #ffffff;
}