/* ============================================================
   Barra AgroShow — Design System · Edição 2026
   Fonte da verdade cromática: brand/cores-2026.pdf
   Fonte da verdade de marca:  brand/kvs-e-padronizacao-2026.pdf
   Prefixo de tokens: --bas-*
   ============================================================ */

@import url('../fonts/fonts.css');

:root {
  /* ---------- PRIORITÁRIA ---------- */
  --bas-azul-agua: #00A099;            /* Azul água — cor prioritária da edição 2026 */

  /* ---------- Neutras ---------- */
  --bas-branco-gelo: #E8EFED;
  --bas-cinza-gelo: #6D7774;
  --bas-azul-barra: #03636D;

  /* ---------- Universal (assuntos gerais do evento) ---------- */
  --bas-marrom: #66261C;
  --bas-laranja-barra: #FF7F00;
  --bas-creme: #F7DEB1;

  /* ---------- Eixo: Fruticultura ---------- */
  --bas-frut-salmao: #F9582D;
  --bas-frut-vinho: #A00228;
  --bas-frut-amarelo-alaranjado: #FFA300;

  /* ---------- Eixo: Pecuária ---------- */
  --bas-pec-marrom: #66261C;
  --bas-pec-verde-musgo: #A9B76C;
  --bas-pec-creme: #F7DEB1;

  /* ---------- Eixo: Grãos e Fibras ---------- */
  --bas-graos-verde-intenso: #003A13;
  --bas-graos-amarelo-caramelo: #EA9600;
  --bas-graos-verde-lima: #5C8200;

  /* ---------- Eixo: Agricultura Familiar ---------- */
  --bas-agfam-azul-gelo: #2C554D;
  --bas-agfam-laranja-suave: #F28033;
  --bas-agfam-creme-intenso: #AC6D4C;

  /* ---------- Símbolo do logo (uso exclusivo no logotipo) ---------- */
  --bas-logo-azul-ceu: #009EE1;
  --bas-logo-verde-lima: #B9CF22;
  --bas-logo-amarelo: #DAC027;
  --bas-logo-verde-escuro: #095144;

  /* ---------- Semânticos ---------- */
  --bas-color-primary: var(--bas-azul-agua);
  --bas-color-action: var(--bas-laranja-barra);   /* CTA */
  --bas-color-bg: var(--bas-branco-gelo);
  --bas-color-surface: #FFFFFF;
  --bas-color-text: var(--bas-azul-barra);
  --bas-color-text-muted: var(--bas-cinza-gelo);
  --bas-color-heading: var(--bas-marrom);         /* títulos de seção no deck oficial */

  /* ---------- Tipografia (papéis oficiais, pg. 24 do deck) ---------- */
  --bas-font-corrido: 'TT Hazelnuts', 'DM Sans', system-ui, sans-serif;   /* textos em geral e corridos */
  --bas-font-destaque: 'Ata', 'Archivo', system-ui, sans-serif;           /* palavras e frases */
  --bas-font-tema: 'Blimone', 'Blinker', system-ui, sans-serif;           /* casos especiais, como no tema */

  /* ---------- Espaçamento (base 4px) ---------- */
  --bas-space-1: 4px;  --bas-space-2: 8px;   --bas-space-3: 12px;
  --bas-space-4: 16px; --bas-space-6: 24px;  --bas-space-8: 32px;
  --bas-space-12: 48px; --bas-space-16: 64px; --bas-space-24: 96px;

  /* ---------- Raio (linguagem de formas orgânicas/arredondadas) ---------- */
  --bas-radius-sm: 8px;
  --bas-radius: 16px;
  --bas-radius-lg: 24px;
  --bas-radius-full: 999px;

  /* ---------- Sombra e movimento ---------- */
  --bas-shadow: 0 1px 3px rgba(3, 99, 109, .12);
  --bas-shadow-md: 0 6px 18px rgba(3, 99, 109, .16);
  --bas-transition: all .2s ease; /* @kind other */
}

/* Base mínima */
.bas-body {
  background: var(--bas-color-bg);
  color: var(--bas-color-text);
  font-family: var(--bas-font-corrido);
  line-height: 1.55;
}

.bas-heading {
  font-family: var(--bas-font-destaque);
  color: var(--bas-color-heading);
  font-weight: 700;
  line-height: 1.15;
}

.bas-tema {
  font-family: var(--bas-font-tema);
  font-weight: 700;
}

/* Escopos de eixo: aplicam a paleta do eixo via variáveis locais.
   Materiais de um eixo temático usam SEMPRE a paleta do próprio eixo;
   assuntos gerais do evento usam a Universal. */
.bas-eixo-universal   { --eixo-a: var(--bas-marrom);              --eixo-b: var(--bas-laranja-barra);        --eixo-c: var(--bas-creme); }
.bas-eixo-fruticultura{ --eixo-a: var(--bas-frut-vinho);          --eixo-b: var(--bas-frut-salmao);          --eixo-c: var(--bas-frut-amarelo-alaranjado); }
.bas-eixo-pecuaria    { --eixo-a: var(--bas-pec-marrom);          --eixo-b: var(--bas-pec-verde-musgo);      --eixo-c: var(--bas-pec-creme); }
.bas-eixo-graos       { --eixo-a: var(--bas-graos-verde-intenso); --eixo-b: var(--bas-graos-amarelo-caramelo); --eixo-c: var(--bas-graos-verde-lima); }
.bas-eixo-agfam       { --eixo-a: var(--bas-agfam-azul-gelo);     --eixo-b: var(--bas-agfam-laranja-suave);  --eixo-c: var(--bas-agfam-creme-intenso); }