/* ==========================================================================
   FACOTAN — Sistema de Design Oficial (Brand Guide WABOO)
   ========================================================================== */

@font-face {
  font-family: 'Arimo';
  src: url('../fonts/Arimo-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Arimo';
  src: url('../fonts/Arimo-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Arimo';
  src: url('../fonts/Arimo-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Arimo';
  src: url('../fonts/Arimo-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Paleta Oficial — Brand Guide FACOTAN */
  --brand-orange:      #EF7D00;  /* DarkOrange | DIC-2031 | Acentos e CTAs */
  --brand-orange-hover:#D67000;
  --brand-green:       #009640;  /* ForestGreen | RAL-6037 | Cor Primária */
  --brand-green-hover: #007A34;
  --brand-green-dark:  #006B2E;  /* Verde Escuro | Seção Feira & Projetos */
  --brand-white:       #FFF5E0;  /* FloralWhite | warm off-white de fundo */
  --brand-black:       #1C1C1C;  /* Black | RAL-9005 | Textos & Títulos */

  /* Tons Auxiliares Derivados */
  --surface:           #FFFBF2;  /* Cards e painéis suaves */
  --surface-warm:      #F5E9C8;  /* Variação quente para hover e bordas ativas */
  --border:            #E8D9B8;  /* Linhas e separadores sutis */
  --text-muted:        #5C4D3C;  /* Texto de leitura secundário (tom terra) */
  --text-subtle:       #8C7A68;  /* Legendas, metadados e tags secundárias */

  /* Tipografia & Fontes */
  --font-primary:      'Arimo', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-heading:      'Arimo', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  /* Espaçamentos e Raios */
  --radius-sm:         8px;
  --radius-md:         12px;
  --radius-lg:         16px;
  --radius-xl:         24px;
  --radius-full:       9999px;

  /* Sombras */
  --shadow-sm:         0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-md:         0 4px 6px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);
  --shadow-lg:         0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --shadow-xl:         0 20px 25px -5px rgba(0, 0, 0, 0.12), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* ==========================================================================
   Grafismos Orgânicos e Apoio Visual do Brand FACOTAN
   ========================================================================== */
.brand-blob {
  border-radius: 71% 29% 58% 42% / 44% 63% 37% 56%;
}

.brand-blob-alt {
  border-radius: 40% 60% 70% 30% / 40% 50% 60% 50%;
}

.brand-shape {
  border-radius: 24px;
}

/* Scrollbar Personalizada */
::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

::-webkit-scrollbar-track {
  background: var(--brand-white);
}

::-webkit-scrollbar-thumb {
  background: var(--brand-green);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--brand-orange);
}

/* ==========================================================================
   Reset de Links e Botões — Remove padrões do WordPress/browser
   ========================================================================== */

/* Remove sublinhado de todos os links por padrão */
a {
  text-decoration: none;
  color: inherit;
}

/* Botões: remove sublinhado e estilo de link */
a.btn,
a.facotan-btn,
.facotan-btn,
.wp-block-button__link,
button,
input[type="submit"],
input[type="button"] {
  text-decoration: none !important;
  cursor: pointer;
}

/* Itens do menu WordPress — remove sublinhado */
#site-navigation a,
.facotan-nav a,
.nav-menu a,
.menu a {
  text-decoration: none !important;
}

/* Remove margem/padding padrão de listas de menu */
.nav-menu,
.menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Imagens responsivas por padrão */
img {
  max-width: 100%;
  height: auto;
  display: block;
}