/* ---------------------------------------------------------------------------
 * TEMA DO BLOG — arquivo GERADO pelo px-blog.
 *
 * Site:   Freedom Farma
 * Gerado por px-blog v1.6.3
 *
 * Só variáveis. Toda a estrutura visual vive em assets/css/px-blog.css,
 * que é idêntico em todos os sites. Para reajustar a identidade do blog,
 * mexa aqui — nunca no px-blog.css.
 * -------------------------------------------------------------------------- */

:root {
    /* Paleta extraída do site */
    --pxb-primary:        #17233D;
    --pxb-primary-dark:   #0F1729;
    --pxb-primary-light:  #2E4166;
    --pxb-secondary:      #236B2E;
    --pxb-secondary-dark: #1B5424;

    /* Texto e superfícies */
    --pxb-text:           #4F4F50;
    --pxb-text-muted:     #7A7A7A;
    --pxb-surface:        #F5F7FA;
    --pxb-border:         #DFE4EC;

    /* Tipografia herdada do site */
    --pxb-font-body:      'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --pxb-font-heading:   'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;

    /* Forma */
    --pxb-radius:         20px;
    --pxb-radius-pill:    30px;
    --pxb-shadow:         0 2px 8px rgba(0, 0, 0, .08);

    /* O painel admin reaproveita a mesma paleta */
    --admin-primary:      var(--pxb-primary);
    --admin-primary-dark: var(--pxb-primary-dark);
    --admin-secondary:    var(--pxb-secondary);
}

/* ---------------------------------------------------------------------------
 * Componentes do Bootstrap com a paleta deste site.
 *
 * O blog usa .btn, .badge, .breadcrumb e .pagination do Bootstrap que o próprio
 * site já carrega. Os componentes do Bootstrap NÃO leem --bs-primary: cada um
 * tem suas próprias variáveis, com o azul padrão cravado. Sem os overrides
 * abaixo, o blog sairia azul-Bootstrap em vez de usar a cor da marca.
 * ------------------------------------------------------------------------- */

.pxb-btn {
    --bs-btn-color:              #fff;
    --bs-btn-bg:                 var(--pxb-primary);
    --bs-btn-border-color:       var(--pxb-primary);
    --bs-btn-hover-color:        #fff;
    --bs-btn-hover-bg:           var(--pxb-primary-dark);
    --bs-btn-hover-border-color: var(--pxb-primary-dark);
    --bs-btn-active-color:       #fff;
    --bs-btn-active-bg:          var(--pxb-primary-dark);
    --bs-btn-active-border-color: var(--pxb-primary-dark);
    --bs-btn-font-size:          .82rem;
    --bs-btn-font-weight:        600;
    --bs-btn-padding-x:          1.1rem;
    --bs-btn-padding-y:          .5rem;
}

.pagination {
    --bs-pagination-color:              var(--pxb-primary);
    --bs-pagination-border-color:       var(--pxb-border);
    --bs-pagination-hover-color:        var(--pxb-primary-dark);
    --bs-pagination-hover-bg:           var(--pxb-surface);
    --bs-pagination-hover-border-color: var(--pxb-border);
    --bs-pagination-focus-color:        var(--pxb-primary-dark);
    --bs-pagination-focus-bg:           var(--pxb-surface);
    --bs-pagination-active-bg:          var(--pxb-primary);
    --bs-pagination-active-border-color: var(--pxb-primary);
    --bs-pagination-font-size:          .875rem;
}