/* themes.css — paletas. Troca via atributo data-theme no <html>. */

/* ===== TEMA ANTIGO (réplica fiel do site Webnode) ===== */
:root,
:root[data-theme="antigo"]{
  --cor-primaria:   #004C40;  /* teal escuro */
  --cor-secundaria: #48A999;  /* teal médio */
  --cor-clara:      #7BC7BA;  /* teal claro */
  --cor-acento:     #48A999;
  --texto:          #212121;
  --texto-suave:    #4a4a4a;
  --fundo:          #ffffff;
  --fundo-alt:      #f9f9f9;  /* MEDIDO: rgb(249,249,249) */

  /* superfícies escuras — MEDIDAS no original: #212121 e #2D2D2D alternados */
  --escuro:         #212121;
  --escuro-2:       #2D2D2D;
  --painel:         #3a3a3a;   /* cards sobre fundo escuro */
  --verde-secao:    #004C40;   /* MEDIDO: seção verde = rgb(0,76,64) */
  --icone-circ:     #48A999;   /* MEDIDO: círculo do ícone = rgb(72,169,153) */
  --header-bg:      #212121;
  --header-texto:   #ffffff;
  --hero-bg:        #2D2D2D;
  --hero-texto:     #ffffff;
  --footer-bg:      #212121;
  --footer-texto:   #ffffff;

  /* botões escuros da home */
  --pill-bg:        #2D2D2D;
  --pill-texto:     #ffffff;
  --pill-borda:     rgba(255,255,255,.10);

  /* botão primário — MEDIDO: teal #48A999 com texto PRETO */
  --btn-bg:         #48A999;
  --btn-texto:      #000000;
  --btn-bg-hover:   #5cb3a4;

  --dots:           rgba(0,0,0,.10);   /* textura de bolinhas nas seções claras */
  --dots-escuro:    rgba(255,255,255,.07);
  --borda:          #e2e8e6;

  --font-hero: Georgia, 'Times New Roman', 'Playfair Display', serif;
}

/* ===== TEMA ATUAL (mesma estrutura, nova estética — paleta provisória) ===== */
:root[data-theme="atual"]{
  --cor-primaria:   #1f2a44;
  --cor-secundaria: #c8a04a;
  --cor-clara:      #e7d6ad;
  --cor-acento:     #c8a04a;
  --texto:          #1a1a1a;
  --texto-suave:    #555;
  --fundo:          #ffffff;
  --fundo-alt:      #f6f3ec;

  --escuro:         #1f2a44;
  --escuro-2:       #18203a;
  --painel:         #28324f;
  --verde-secao:    #16213a;
  --icone-circ:     #c8a04a;
  --header-bg:      #1f2a44;
  --header-texto:   #ffffff;
  --hero-bg:        #1f2a44;
  --hero-texto:     #ffffff;
  --footer-bg:      #1f2a44;
  --footer-texto:   #ffffff;

  --pill-bg:        #18203a;
  --pill-texto:     #ffffff;
  --pill-borda:     rgba(255,255,255,.12);

  --btn-bg:         #c8a04a;
  --btn-texto:      #1f2a44;
  --btn-bg-hover:   #b08c3c;

  --dots:           rgba(31,42,68,.10);
  --dots-escuro:    rgba(255,255,255,.06);
  --borda:          #ececec;

  --font-hero: Georgia, 'Times New Roman', serif;
}
