/* ===============================
   THEME (vars globais) — LocalLink
   Paleta: Militar + Dourado Seco (CTA) + Neutros sofisticados
   =============================== */
:root{
  /* Tipografia */
  --ll-font: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;

  /* Fundos / superfícies */
  --ll-bg: #F6F7F5;            /* off-white ligeiramente quente */
  --ll-surface: #FFFFFF;
  --ll-surface-2: #F1F3EF;     /* cards/áreas suaves */
  --ll-text: #101613;          /* quase preto, não “azulado” */
  --ll-muted: #5E6A64;

  /* Brand (verde militar) */
  --ll-brand: #3E5942;         /* militar principal (o teu) */
  --ll-brand-2: #2F4333;       /* mais escuro p/ hover e footer */

  /* Primary (padrão de botões/links do site) */
  --ll-primary: #3E5942;
  --ll-primary-dark: #2B3D2F;  /* hover forte sem ficar preto */
  --ll-primary-soft: rgba(62,89,66,.14);

  /* CTA (Pesquisar / ações principais) — contraste sofisticado */
  --ll-cta: #B9923B;           /* dourado seco (não é laranja berrante) */
  --ll-cta-dark: #9E7C31;      /* hover */
  --ll-cta-soft: rgba(185,146,59,.18);

  /* PREMIUM / PRO (separação visual sem “carnaval”) */
  --ll-premium: #8F7A3A;       /* premium mais “champagne” */
  --ll-premium-dark: #76632F;

  --ll-pro: #8A5A44;           /* terracota/couro (bem discreto) */
  --ll-pro-dark: #704636;

  /* Estados */
  --ll-success: #2E7D4F;       /* verde sucesso (não WhatsApp) */
  --ll-danger: #B42318;
  --ll-warning: #B7791F;

  /* WhatsApp separado (não mexer) */
  --ll-whatsapp: #25D366;
  --ll-whatsapp-dark: #1DA851;

  /* Bordas / sombras */
  --ll-border: rgba(16,22,19,.10);
  --ll-border-strong: rgba(16,22,19,.18);

  --ll-radius: 16px;
  --ll-radius-sm: 12px;

  --ll-shadow: 0 18px 38px rgba(16,22,19,.10);
  --ll-shadow-sm: 0 10px 22px rgba(16,22,19,.10);

  /* Foco (acessibilidade) — alinhado com CTA */
  --ll-focus: 0 0 0 4px rgba(185,146,59,.22);

  /* NAV / TOPBAR (se quiseres controlar tudo por vars) */
  --ll-topbar-bg: #2A332E;     /* faixa topo (escura e elegante) */
  --ll-topbar-text: #E9EFEA;

  --ll-nav-bg: rgba(255,255,255,.86);
  --ll-nav-border: rgba(16,22,19,.10);

  /* Pills da nav */
  --ll-nav-pill-bg: rgba(62,89,66,.10);
  --ll-nav-pill-text: #26332C;

  --ll-nav-pill-active-bg: var(--ll-brand);
  --ll-nav-pill-active-text: #FFFFFF;

  /* Botão especial “Pesquisar” na nav */
  --ll-nav-search-bg: var(--ll-cta);
  --ll-nav-search-text: #1B1A14;
  --ll-nav-search-hover: var(--ll-cta-dark);

  /* Footer (mantém escuro sofisticado, não “verde fosco”) */
  --ll-footer-bg: #223028;     /* deep olive */
  --ll-footer-bg-2: #1C2621;   /* para gradiente opcional */
  --ll-footer-text: #E7EEE8;
  --ll-footer-muted: rgba(231,238,232,.72);
  --ll-footer-link: #F0E6C6;   /* toque “dourado” discreto */


    /* ====== aliases p/ componentes (marquee/cards) ====== */
  --ll-bg-card: var(--ll-surface);
  --ll-border-soft: var(--ll-border);

  --ll-text-main: var(--ll-text);
  --ll-text-muted: var(--ll-muted);

  /* Se quiseres “Premium” igual ao teu accent atual */
  --ll-premium: var(--ll-accent);
  --ll-premium-dark: var(--ll-accent-dark);

    /* aliases (para bater com o CSS antigo sem reescrever tudo) */
  --ll-text-main: var(--ll-text);
  --ll-text-muted: var(--ll-muted);

  /* surfaces */
  --ll-surface-2: #F9FBFF;
  --ll-bg-card: var(--ll-surface);
  --ll-bg-elev: var(--ll-surface);

  /* borders */
  --ll-border-soft: var(--ll-border);

  /* focus ring alinhado com o teu verde (sem azul) */
  --ll-focus: 0 0 0 4px rgba(62, 89, 66, .18);

}