/* ============================================================
   Design tokens — extraídos da identidade visual (logo.jpg /
   index.html original) da Fiducia Energia Verde.
   ============================================================ */
:root {
  /* Marca — verdes */
  --c-verde-noite:    #041f0c;
  --c-verde-floresta: #0a3b14;
  --c-verde-mata:     #0b4d20;
  --c-verde-marca:    #2e8b2e;
  --c-verde-lima:     #84b514;
  --c-verde-claro:    #a8d64b;

  /* Marca — painel / tecnologia */
  --c-navy-painel: #0e2745;
  --c-navy-celula: #16324f;

  /* Marca — sol */
  --c-sol-laranja: #f7941d;
  --c-sol-amarelo: #ffc20e;

  /* Neutros */
  --c-branco:       #ffffff;
  --c-branco-suave: #f2f7ec;
  --c-cinza-100:    #eef2ec;
  --c-cinza-200:    #dde6d8;
  --c-cinza-400:    #8a988a;
  --c-texto:        #12271a;
  --c-texto-suave:  #4b5d4f;

  /* Papéis semânticos */
  --color-primary:   var(--c-verde-floresta);
  --color-secondary: var(--c-verde-lima);
  --color-accent:    var(--c-sol-amarelo);
  --color-dark:      var(--c-verde-noite);
  --color-light:     var(--c-branco-suave);
  --color-bg:        var(--c-branco);
  --color-text:      var(--c-texto);
  --color-text-soft: var(--c-texto-suave);
  --color-success:   var(--c-verde-marca);
  --color-danger:    #b3261e;

  --grad-sol:   linear-gradient(120deg, var(--c-sol-amarelo), var(--c-sol-laranja));
  --grad-verde: linear-gradient(120deg, var(--c-verde-claro), var(--c-verde-lima));
  --grad-hero:  radial-gradient(ellipse 120% 70% at 50% 115%, var(--c-verde-mata) 0%, transparent 60%),
                linear-gradient(180deg, var(--c-verde-noite) 0%, var(--c-verde-floresta) 100%);

  /* Tipografia */
  --font-display: "Bricolage Grotesque", Georgia, serif;
  --font-body:    "Outfit", "Segoe UI", sans-serif;

  --fs-xs: 0.8rem;
  --fs-sm: 0.9rem;
  --fs-base: 1rem;
  --fs-lg: 1.15rem;
  --fs-xl: 1.4rem;
  --fs-2xl: clamp(1.6rem, 3vw, 2.1rem);
  --fs-3xl: clamp(2rem, 4.4vw, 3rem);
  --fs-hero: clamp(2.4rem, 6vw, 4.2rem);

  /* Espaçamento */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: 4rem;
  --space-6: 6rem;

  /* Layout */
  --container-width: min(1200px, 92vw);
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-pill: 999px;

  --shadow-sm: 0 4px 14px rgba(10, 30, 15, .08);
  --shadow-md: 0 14px 40px rgba(10, 30, 15, .12);
  --shadow-lg: 0 24px 60px rgba(10, 30, 15, .18);

  --transition-base: .3s cubic-bezier(.2, .8, .2, 1);
  --header-height: 84px;
}