/* =========================================================
   PALETA — holaenroque.com
   ---------------------------------------------------------
   Este archivo SOLO redefine variables de color. No contiene
   ninguna regla de layout, tipografía ni espaciado.

   PARA REVERTIR A LA PALETA LIMA ORIGINAL:
   comenta o elimina esta línea en index.html (y nada más):

       <link rel="stylesheet" href="css/palette-holaenroque.css">

   Valores tomados del :root de https://holaenroque.com/style.css
       --bg-color:        #030305
       --text-color:      #ffffff
       --text-muted:      #9ca3af
       --accent-color:    #ffdb48
       --accent-purple:   #ff8c00
       --primary-gradient: linear-gradient(135deg,#ffdb48 0%,#ff8c00 100%)
       --card-bg:         rgba(255,255,255,0.02)
       --card-border:     rgba(255,255,255,0.05)
   ========================================================= */

:root{
  /* Acento: ámbar → naranja */
  --accent:#ffdb48;
  --accent-rgb:255,219,72;
  --accent-2:#ff8c00;
  --accent-gradient:linear-gradient(135deg,#ffdb48 0%,#ff8c00 100%);
  --accent-soft:rgba(var(--accent-rgb),.1);
  --on-accent:#030305;

  /* Superficies: negro azulado de holaenroque + escalonado propio
     (el sitio original solo define un fondo y tarjetas translúcidas;
     aquí se mantiene la jerarquía de superficies que ya usa el layout) */
  --bg:#030305;
  --bg-rgb:3,3,5;
  --bg-alt:#08080c;
  --surface:#0e0e13;
  --surface-2:#14141a;
  --surface-3:#1a1a21;
  --field-bg:#060609;
  --line:rgba(255,255,255,.08);
  --line-strong:rgba(255,255,255,.15);

  /* Texto */
  --text:#ffffff;
  --muted:#9ca3af;
  --muted-2:#6b7280;
  --placeholder:#4b5563;
}

/* El degradado ámbar→naranja es la firma de la paleta: se aplica al
   texto de acento de los titulares. Con la paleta original este bloque
   no existe y los acentos son lima plano.
   Va dentro de @supports para que, si background-clip:text no estuviera
   disponible, el texto siga siendo visible en color sólido. */
@supports ((background-clip:text) or (-webkit-background-clip:text)){
  .hero__title em,
  .section__title em,
  .cta__title em{
    background-image:var(--accent-gradient);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    color:transparent;
  }
}

/* El banner del hero trae el blob y el hilo en lima quemados en el pixel.
   Como la fotografía es prácticamente monocroma, una rotación de tono solo
   afecta a esas zonas de color. Medido sobre la imagen real: el blob queda
   en rgb(255,214,70) —objetivo #ffdb48— y el resto de la foto solo sube
   1.6/255 de luminancia media, sin quemar ninguna alta luz. */
.hero__scene-bg{filter:hue-rotate(-20deg) saturate(1.1) brightness(1.15)}