/* ===== Estilos exclusivos de la landing (index.html) =====
   Complementa css/style.css, que se comparte con chat/login/admin/legal.
   Toda la identidad de la landing vive aquí para no ensuciar el resto. */

:root {
  --primary: #106E4C;
  --primary-strong: #0A5338;
  --primary-contrast: #ffffff;
  --primary-soft: #E7F4EE;
  --accent: #10B981;
  --amber: #FFC15E;
  --ink: #10231B;
  --muted: #5B6B64;
  --surface: #ffffff;
  --surface-2: #F2F7F4;
  --border: #E3EBE6;
  --bg: #ffffff;
}

html.dark {
  --primary: #34C48B;
  --primary-strong: #8CE7BE;
  --primary-contrast: #06281C;
  --primary-soft: rgba(52, 196, 139, 0.14);
  --accent: #10B981;
  --amber: #C9A35C;
  --ink: #E6E8EB;
  --muted: #949CA6;
  --surface: #12151A;
  --surface-2: #1A1E24;
  --border: #262B33;
  --bg: #0A0C0F;
}

/* Fondo del hero: degradado verde suave en claro, oscuro profundo en dark.
   El selector de style.css para html.dark #hero se sobreescribe aquí. */
#hero {
  background:
    radial-gradient(1200px 600px at 85% -10%, rgba(16, 185, 129, 0.16), transparent 60%),
    radial-gradient(900px 500px at -10% 110%, rgba(255, 193, 94, 0.12), transparent 55%),
    linear-gradient(to bottom, var(--surface-2), var(--bg));
}
html.dark #hero {
  background:
    radial-gradient(1200px 600px at 85% -10%, rgba(52, 196, 139, 0.10), transparent 60%),
    radial-gradient(900px 500px at -10% 110%, rgba(201, 163, 92, 0.04), transparent 55%),
    linear-gradient(to bottom, #0A0C0F, #12151A 45%, #0A0C0F) !important;
}

/* El header en dark usa la paleta neutra, no el slate del style.css compartido */
html.dark #site-header {
  background-color: rgba(18, 21, 26, 0.85) !important;
  border-color: var(--border) !important;
}

/* Ajuste del logo del header: style.css fuerza 64px vía #main-logo */
#main-logo {
  width: 36px !important;
  height: 36px !important;
}