/* ==========================================================================
   DESIGN TOKENS — AISLAN BRUNO SERVIÇOS E LIMPEZAS
   Tema claro. O verde da marca (#54b829) continua sendo a matiz, mas sobre
   fundo branco ele não tem contraste para texto: por isso existem DOIS tokens
   do mesmo verde, um para preencher e outro para escrever.
   ========================================================================== */

:root {
  /* Superfícies (claro) */
  --bg-page: #ffffff;
  --bg-surface: #f4f7f4;          /* faixa alternada entre seções */
  --bg-surface-elevated: #ffffff; /* card sobre a faixa alternada */
  --bg-card: #ffffff;
  --bg-card-hover: #fafcfa;
  --border-subtle: #e3eae4;
  --border-highlight: rgba(63, 143, 31, 0.45);

  /* Acentos de marca */
  --accent-light: #54b829;   /* verde do card oficial: só forma, nunca texto */
  --accent-primary: #38801a; /* PREENCHER: fundo de botão com texto branco (4.6:1) */
  --accent-text: #2b6b12;    /* ESCREVER: texto e ícone sobre branco (6.1:1) */
  --accent-hover: #368017;
  --accent-dark: #21520e;
  --accent-on-light: var(--accent-text);
  --accent-glow: rgba(63, 143, 31, 0.25);
  --accent-badge-bg: rgba(63, 143, 31, 0.1);

  /* WhatsApp */
  --whatsapp-color: #12803f;
  --whatsapp-hover: #0e6b34;
  --whatsapp-glow: rgba(18, 128, 63, 0.3);

  /* Texto */
  --text-title: #0d1a10;
  --text-white: var(--text-title);
  --text-main: #16211a;
  --text-secondary: #4b5a50;
  --text-muted: #5f6e65;

  /* Rodapé: única área escura da página, para fechar o site com peso */
  --footer-bg: #0d1a10;
  --footer-surface: #142219;
  --footer-text: #eef3ef;
  --footer-muted: #9aa9a0;
  --footer-border: #24352a;

  /* Herdados da versão escura, apontando para os tokens claros */
  --bg-light-section: var(--bg-surface);
  --bg-light-surface: var(--bg-card);
  --border-light: var(--border-subtle);
  --text-light-title: var(--text-title);
  --text-light-body: var(--text-secondary);

  /* Fontes */
  --font-display: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  /* Espaçamentos & grid */
  --container-max: 1200px;
  --container-pad: clamp(1rem, 4vw, 2rem);
  --section-pad-y: clamp(2.25rem, 6vw, 5rem);
  --card-pad: clamp(1rem, 2.5vw, 1.75rem);

  /* Bordas */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-full: 9999px;

  /* Sombras: em fundo claro, sombra pesada suja. Tudo baixo e difuso. */
  --shadow-sm: 0 1px 2px rgba(13, 26, 16, 0.06);
  --shadow-md: 0 4px 16px -6px rgba(13, 26, 16, 0.12);
  --shadow-lg: 0 12px 32px -12px rgba(13, 26, 16, 0.18);
  --shadow-accent: 0 6px 18px -6px var(--accent-glow);
  --shadow-whatsapp: 0 6px 18px -6px var(--whatsapp-glow);

  /* Transições */
  --ease-spring: cubic-bezier(0.16, 1, 0.3, 1);
  --transition-fast: 0.2s var(--ease-spring);
  --transition-normal: 0.3s var(--ease-spring);
}