/* ==========================================================================
   Itaminense — Design tokens
   Espelha a escala do site de referência, com paleta azul e branco.
   ========================================================================== */

:root {
  /* ---- Cores ---- */
  --color-text: #0a1c3f;        /* azul-marinho — fundo geral do site       */
  --color-demi-blue: #102a5c;   /* azul profundo — rodapé, blocos           */
  --color-primary: #0b4fa8;     /* azul royal — barra superior, destaques   */
  --color-dark-blue: #083c80;   /* azul royal escuro — barra do menu        */
  --color-secondary: #1e7bd6;   /* azul claro — links, ícones, cards        */
  --color-button: #ffffff;      /* branco — pill buttons                    */
  --color-button-text: #0b4fa8; /* texto sobre o pill button                */
  --color-light-blue: #e6ecf5;
  --color-gray: #d9d9d9;
  --color-second-gray: #efefef;
  --color-white: #ffffff;

  /* Destaque — ocupa o lugar do amarelo no layout de referência.
     Trocar aqui muda a tagline, a 2ª linha do título do hero e os detalhes
     da barra inferior de uma vez só. */
  --color-accent: #7fb9f2;

  /* Barra de navegação inferior (flutuante) */
  --navbar-bg: #ffffff;
  --navbar-fg: #0b4fa8;
  --navbar-push-bg: #0b4fa8;
  --navbar-push-fg: #ffffff;

  /* ---- Tipografia ---- */
  --font-primary: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, sans-serif;
  /* condensada, para rótulos de interface e menus */
  --font-title: "Oswald", "Archivo Narrow", Arial Narrow, sans-serif;
  /* condensada pesada, para o título gigante do hero */
  --font-display: "Anton", "Oswald", Impact, sans-serif;
  --menu-font-size: 13px;
  --socials-font-size: 22px;

  /* ---- Layout ---- */
  --container-width: 96%;
  --container-padding: 20px;
  --single-width: 1280px;
  --single-padding: 50px;
  --header-height: 80px;
  --header-height-mobile: 60px;
  --section-margin-top: 70px;

  /* ---- Espaçamento ---- */
  --spacing-xs: 8px;
  --spacing-sm: 16px;
  --spacing-md: 24px;
  --spacing-lg: 32px;
  --spacing-xl: 48px;
  --spacing-xxl: 64px;
}