/* ============================================================
   L&G Limpezas de Condomínios, tokens de identidade visual
   Extraído do site oficial https://lglimpezasdecondominios.pt
   Empresa familiar de Lisboa, B2B, fundada em 2010
   ============================================================ */

:root {
  /* ----------------------------------------------------------
     PALETA DE CORES
     ---------------------------------------------------------- */

  /* Cor primária, azul-marinho institucional, presente no logótipo,
     blocos de título e botões principais */
  --lg-color-primary: #234169;

  /* Cor secundária, azul médio, usada em links e detalhes interativos */
  --lg-color-secondary: #337AB7;

  /* Apoio, turquesa claro do círculo do logótipo, sugere higiene
     e água limpa, usar com parcimónia */
  --lg-color-accent-1: #A8DADC;

  /* Apoio, verde-água muito claro, fundo de secções suaves */
  --lg-color-accent-2: #E4F7F5;

  /* Neutros */
  --lg-color-white: #FFFFFF;
  --lg-color-bg-soft: #F5F7FA;
  --lg-color-night: #1B2A3F;

  /* Texto, derivados da paleta */
  --lg-text-primary: #234169;
  --lg-text-on-dark: #FFFFFF;
  --lg-text-muted: #5A6B82;

  /* Estados de link */
  --lg-link: #234169;
  --lg-link-hover: #337AB7;

  /* ----------------------------------------------------------
     TIPOGRAFIA
     Família principal Inter (variante teste), tokens originais Poppins
     ---------------------------------------------------------- */

  --lg-font-heading: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --lg-font-body: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;

  /* Pesos, títulos em negrito ou extra-negrito, corpo regular */
  --lg-weight-regular: 400;
  --lg-weight-medium: 500;
  --lg-weight-bold: 700;
  --lg-weight-black: 800;

  /* Tamanhos, escala simples e legível */
  --lg-size-h1: 2.5rem;     /* títulos hero */
  --lg-size-h2: 1.75rem;    /* títulos de secção, normalmente em CAIXA ALTA */
  --lg-size-h3: 1.25rem;    /* subtítulos de cards */
  --lg-size-body: 1rem;
  --lg-size-small: 0.875rem;

  /* Altura de linha confortável para leitura institucional */
  --lg-leading-tight: 1.2;
  --lg-leading-normal: 1.5;
  --lg-leading-relaxed: 1.7;

  /* Espaçamento entre letras, ligeiramente aberto nos títulos em
     caixa alta, padrão de comunicação institucional portuguesa */
  --lg-tracking-title: 0.04em;
  --lg-tracking-body: 0;

  /* ----------------------------------------------------------
     ESPAÇAMENTO
     Unidade base 4px, sistema múltiplo
     ---------------------------------------------------------- */

  --lg-space-1: 4px;
  --lg-space-2: 8px;
  --lg-space-3: 12px;
  --lg-space-4: 16px;
  --lg-space-5: 24px;
  --lg-space-6: 32px;
  --lg-space-7: 48px;
  --lg-space-8: 64px;

  /* ----------------------------------------------------------
     BORDAS E CANTOS
     Cards com 5px, botões em formato pill com 100px,
     padrão observado no site
     ---------------------------------------------------------- */

  --lg-radius-sm: 5px;
  --lg-radius-md: 12px;
  --lg-radius-pill: 100px;

  /* ----------------------------------------------------------
     SOMBRAS
     Suaves, profissionais, sem exagero
     ---------------------------------------------------------- */

  --lg-shadow-sm: 0 2px 6px rgba(35, 65, 105, 0.08);
  --lg-shadow-md: 0 6px 16px rgba(35, 65, 105, 0.12);
  --lg-shadow-lg: 0 12px 32px rgba(35, 65, 105, 0.16);

  /* ----------------------------------------------------------
     BREAKPOINTS DE REFERÊNCIA, mobile-first
     Site original tem viewport 992px, então prepará-lo bem
     para tablet e ambiente desktop é prioridade
     ---------------------------------------------------------- */

  --lg-bp-sm: 480px;
  --lg-bp-md: 768px;
  --lg-bp-lg: 992px;
  --lg-bp-xl: 1280px;
}

/* ============================================================
   COMPONENTES BASE
   ============================================================ */

/* Botão principal em formato pill, padrão da marca */
.lg-btn-primary {
  background-color: var(--lg-color-primary);
  color: var(--lg-text-on-dark);
  font-family: var(--lg-font-body);
  font-weight: var(--lg-weight-bold);
  border: none;
  border-radius: var(--lg-radius-pill);
  padding: var(--lg-space-3) var(--lg-space-6);
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.lg-btn-primary:hover {
  background-color: var(--lg-color-secondary);
}

/* Bloco de título institucional, retângulo azul-marinho com
   texto branco em caixa alta, padrão visual recorrente */
.lg-section-title {
  background-color: var(--lg-color-primary);
  color: var(--lg-text-on-dark);
  font-family: var(--lg-font-heading);
  font-weight: var(--lg-weight-bold);
  text-transform: uppercase;
  letter-spacing: var(--lg-tracking-title);
  padding: var(--lg-space-4) var(--lg-space-6);
  border-radius: var(--lg-radius-sm);
  text-align: center;
}

/* Card branco com cantos suaves, usado para apresentar serviços */
.lg-card {
  background-color: var(--lg-color-white);
  border-radius: var(--lg-radius-sm);
  box-shadow: var(--lg-shadow-sm);
  padding: var(--lg-space-6);
}