:root {
  /* Paleta base */
  --ha-black:           #050505;
  --ha-charcoal:        #111111;
  --ha-ash:             #2A2A2A;
  --ha-steel:           #3A3D40;
  --ha-smoke:           #B8A99A;
  --ha-amber:           #D9822B;
  --ha-amber-hover:     #E8963D;
  --ha-ember:           #9E2F1C;
  --ha-white:           #F1EDE7;

  /* Texto */
  --ha-text:            var(--ha-white);
  --ha-text-muted:      var(--ha-smoke);
  --ha-text-on-amber:   #050505;

  /* Líneas y superficies */
  --ha-hairline:        rgba(241, 237, 231, 0.12);
  --ha-hairline-strong: rgba(241, 237, 231, 0.22);
  --ha-overlay:         rgba(5, 5, 5, 0.62);
  --ha-glow:            rgba(217, 130, 43, 0.18);
}