:root {
  /* Verão tropical contido (IS24) — lagoa/palmeira + areia + sol suave */
  --cor-azul-mar: #2f6b5c;
  --cor-azul-mar-profundo: #1a433a;
  --cor-areia: #e2d6c4;
  --cor-areia-profunda: #c4b195;
  --cor-espuma: #d5e0d8;
  --cor-tinta: #1a2420;
  --cor-tinta-suave: #4a5852;
  --cor-papel: #f2eee6;
  --cor-papel-forte: #ebe4d8;
  --cor-linha: #cfc4b4;
  --cor-ok: #2a7a52;
  --cor-alerta: #b8842f;
  --cor-perigo: #b42318;
  --cor-wa: #1f7a5c;
  --cor-sol: #c9896a;

  /* H1 hero — champagne-pêssego baixo chroma */
  --cor-hero-destaque: #f0dcc4;
  --cor-hero-lead: rgba(255, 250, 244, 0.96);
  --hero-titulo-sombra: 0 1px 2px rgba(26, 67, 58, 0.45);

  --fundo-radial-1: rgba(47, 107, 92, 0.22);
  --fundo-radial-2: rgba(201, 137, 106, 0.18);
  --fundo-grad-ini: #a8c0b4;
  --fundo-grad-meio: #d8d0c0;
  --hero-overlay-a: rgba(26, 67, 58, 0.70);
  --hero-overlay-b: rgba(26, 67, 58, 0.26);
  --hero-overlay-c: rgba(42, 80, 68, 0.42);
  --hero-overlay-photo-a: rgba(26, 67, 58, 0.64);
  --hero-overlay-photo-b: rgba(26, 67, 58, 0.20);
  --hero-overlay-photo-c: rgba(42, 80, 68, 0.38);
  --hero-fallback-grad: linear-gradient(145deg, #4a8a78 0%, #a8c0a8 45%, #dcc8a8 100%);

  --espaco-xs: 0.25rem;
  --espaco-sm: 0.5rem;
  --espaco-md: 1rem;
  --espaco-lg: 1.5rem;
  --espaco-xl: 2rem;
  --espaco-2xl: clamp(2.75rem, 6vw, 4.75rem);

  --fonte-corpo: "Source Sans 3", "Source Sans Pro", sans-serif;
  --fonte-display: "Syne", "Source Sans 3", sans-serif;
  --fonte-hero: "Literata", Georgia, serif;

  --raio-sm: 6px;
  --raio-md: 12px;
  --max-conteudo: 72rem;
  --sombra-suave: 0 12px 36px rgba(26, 67, 58, 0.10);
  --sombra-media: 0 20px 52px rgba(26, 67, 58, 0.14);
  --blur-leve: blur(12px);
}

/* Default explícito */
.theme-verao {
  /* herda :root */
}

/* Pôr do sol — mais quente / fim de tarde */
.theme-por-do-sol {
  --cor-azul-mar: #3d6e5c;
  --cor-azul-mar-profundo: #243f38;
  --cor-areia: #e8d8c4;
  --cor-areia-profunda: #c9ad8e;
  --cor-espuma: #ddd4c8;
  --cor-tinta: #221c18;
  --cor-tinta-suave: #5a5048;
  --cor-papel: #f4ebe0;
  --cor-papel-forte: #ebe0d2;
  --cor-linha: #d4c4b0;
  --cor-wa: #2a7a5c;
  --cor-sol: #d4926e;
  --cor-hero-destaque: #f2d4b0;
  --cor-hero-lead: rgba(255, 248, 240, 0.96);
  --hero-titulo-sombra: 0 1px 2px rgba(36, 63, 56, 0.5);
  --fundo-radial-1: rgba(61, 110, 92, 0.20);
  --fundo-radial-2: rgba(212, 146, 110, 0.22);
  --fundo-grad-ini: #b0c0a8;
  --fundo-grad-meio: #dcc8b0;
  --hero-overlay-a: rgba(36, 63, 56, 0.68);
  --hero-overlay-b: rgba(80, 50, 36, 0.28);
  --hero-overlay-c: rgba(60, 72, 56, 0.40);
  --hero-overlay-photo-a: rgba(36, 63, 56, 0.62);
  --hero-overlay-photo-b: rgba(80, 50, 36, 0.22);
  --hero-overlay-photo-c: rgba(60, 72, 56, 0.36);
  --hero-fallback-grad: linear-gradient(145deg, #5a8a70 0%, #c0a888 45%, #e0c4a0 100%);
  --sombra-suave: 0 12px 36px rgba(36, 63, 56, 0.11);
  --sombra-media: 0 20px 52px rgba(36, 63, 56, 0.15);
}

/* Maresia — bruma / costa mais fria dentro da família */
.theme-maresia {
  --cor-azul-mar: #3a6e68;
  --cor-azul-mar-profundo: #1e3e3c;
  --cor-areia: #d4d0c4;
  --cor-areia-profunda: #a8a898;
  --cor-espuma: #c8d8d4;
  --cor-tinta: #162220;
  --cor-tinta-suave: #455550;
  --cor-papel: #eceee8;
  --cor-papel-forte: #e2e6e0;
  --cor-linha: #c0c8c0;
  --cor-wa: #1f7a68;
  --cor-sol: #b88870;
  --cor-hero-destaque: #e0d8c8;
  --cor-hero-lead: rgba(248, 252, 250, 0.96);
  --hero-titulo-sombra: 0 1px 2px rgba(30, 62, 60, 0.5);
  --fundo-radial-1: rgba(58, 110, 104, 0.24);
  --fundo-radial-2: rgba(168, 168, 152, 0.22);
  --fundo-grad-ini: #88a8a4;
  --fundo-grad-meio: #c0ccc4;
  --hero-overlay-a: rgba(30, 62, 60, 0.72);
  --hero-overlay-b: rgba(30, 62, 60, 0.26);
  --hero-overlay-c: rgba(40, 72, 68, 0.44);
  --hero-overlay-photo-a: rgba(30, 62, 60, 0.66);
  --hero-overlay-photo-b: rgba(30, 62, 60, 0.20);
  --hero-overlay-photo-c: rgba(40, 72, 68, 0.40);
  --hero-fallback-grad: linear-gradient(145deg, #3a6e68 0%, #88a8a0 45%, #c8c4b0 100%);
  --sombra-suave: 0 12px 36px rgba(30, 62, 60, 0.12);
  --sombra-media: 0 20px 52px rgba(30, 62, 60, 0.16);
}

/* Aliases legado Vision → família tropical (DB antiga / cache) */
.theme-atlantico {
  /* = verão */
}
.theme-areia {
  --cor-azul-mar: #3d6e5c;
  --cor-azul-mar-profundo: #243f38;
  --cor-areia: #e8d8c4;
  --cor-areia-profunda: #c9ad8e;
  --cor-espuma: #ddd4c8;
  --cor-tinta: #221c18;
  --cor-tinta-suave: #5a5048;
  --cor-papel: #f4ebe0;
  --cor-papel-forte: #ebe0d2;
  --cor-linha: #d4c4b0;
  --cor-wa: #2a7a5c;
  --cor-sol: #d4926e;
  --cor-hero-destaque: #f2d4b0;
  --fundo-radial-1: rgba(61, 110, 92, 0.20);
  --fundo-radial-2: rgba(212, 146, 110, 0.22);
  --fundo-grad-ini: #b0c0a8;
  --fundo-grad-meio: #dcc8b0;
  --hero-overlay-a: rgba(36, 63, 56, 0.68);
  --hero-overlay-b: rgba(80, 50, 36, 0.28);
  --hero-overlay-c: rgba(60, 72, 56, 0.40);
  --hero-overlay-photo-a: rgba(36, 63, 56, 0.62);
  --hero-overlay-photo-b: rgba(80, 50, 36, 0.22);
  --hero-overlay-photo-c: rgba(60, 72, 56, 0.36);
  --hero-fallback-grad: linear-gradient(145deg, #5a8a70 0%, #c0a888 45%, #e0c4a0 100%);
}
.theme-profundo {
  --cor-azul-mar: #3a6e68;
  --cor-azul-mar-profundo: #1e3e3c;
  --cor-areia: #d4d0c4;
  --cor-areia-profunda: #a8a898;
  --cor-espuma: #c8d8d4;
  --cor-tinta: #162220;
  --cor-tinta-suave: #455550;
  --cor-papel: #eceee8;
  --cor-papel-forte: #e2e6e0;
  --cor-linha: #c0c8c0;
  --cor-wa: #1f7a68;
  --cor-sol: #b88870;
  --cor-hero-destaque: #e0d8c8;
  --fundo-radial-1: rgba(58, 110, 104, 0.24);
  --fundo-radial-2: rgba(168, 168, 152, 0.22);
  --fundo-grad-ini: #88a8a4;
  --fundo-grad-meio: #c0ccc4;
  --hero-overlay-a: rgba(30, 62, 60, 0.72);
  --hero-overlay-b: rgba(30, 62, 60, 0.26);
  --hero-overlay-c: rgba(40, 72, 68, 0.44);
  --hero-overlay-photo-a: rgba(30, 62, 60, 0.66);
  --hero-overlay-photo-b: rgba(30, 62, 60, 0.20);
  --hero-overlay-photo-c: rgba(40, 72, 68, 0.40);
  --hero-fallback-grad: linear-gradient(145deg, #3a6e68 0%, #88a8a0 45%, #c8c4b0 100%);
}