// OT-MMO (27-oct): piezas del estilo VALDREN para las pantallas de entrada (login y elegir personaje). La ventana, el
// botón principal en oro y el título vienen de /game_viaje/valdren (estilo compartido con el viaje y las dungeons);
// aquí solo lo que esas pantallas necesitan además. entergame.lua importa los dos antes de cargar sus .otui.

// Acción secundaria: sin relleno, borde de oro apagado y texto en oro claro.
ValdrenBotonSec < UIButton
  height: 30
  ttf-font: geistsemibold
  ttf-font-size: 13
  color: #E8D3A2
  background-color: #10161C59
  border-width: 1
  border-color: #8A7348
  click-sound: 2774

  $hover !disabled:
    background-color: #C7A86B26
    border-color: #C7A86B

  $pressed !disabled:
    background-color: #C7A86B40
    text-offset: 0 1

  $disabled:
    color: #9AA7AE80
    border-color: #39444C

// Acción que no debe llamar la atención (Borrar personaje): solo texto, se enciende en rojo al pasar.
ValdrenBotonDiscreto < UIButton
  height: 24
  ttf-font: $otmmo-font
  ttf-font-size: $otmmo-size-sm
  color: #9AA7AE
  text-auto-resize: true
  padding-left: 4
  padding-right: 4
  $hover !disabled:
    color: #DC6B6B
  $pressed !disabled:
    text-offset: 0 1
  $disabled:
    color: #9AA7AE66

// Línea fina de oro apagado para separar bloques dentro de la ventana.
ValdrenLinea < UIWidget
  height: 1
  background-color: #8A734866
  phantom: true

// Etiqueta de campo sobre el marco: oro claro apagado (el texto-2 gris se pierde sobre el hierro).
ValdrenEtiqueta < Label
  ttf-font: $otmmo-font
  ttf-font-size: $otmmo-size-sm
  color: #CDBB95
  height: 16