// OT-MMO: estilo VALDREN compartido (marco de hierro con filigrana, ilustraciones en pixel art). Lo definió el viaje
// rápido (game_viaje) y lo usan también game_dungeon, game_buscador, game_pvp y la plantilla de raids (game_raid):
// cada uno lo importa con g_ui.importStyle('/game_viaje/valdren') antes de cargar su .otui. Arte en
// game_viaje/images/ (PixelLab, ver CREDITOS.md). El oro #C7A86B es el de siempre.

// Ventana con el marco fino (9-slice): se usa en lugar de MainWindow; conserva título, arrastre y Escape.
ValdrenVentana < MainWindow
  image-source: /game_viaje/images/marco-fino
  image-border: 32
  image-border-top: 32
  image-smooth: false
  color: #E8D3A2
  text-offset: 0 12
  padding-top: 42
  padding-left: 22
  padding-right: 22
  padding-bottom: 22

// Igual, sin anclarse al centro (avisos y marcadores que se colocan solos).
ValdrenMarco < UIWidget
  image-source: /game_viaje/images/marco-fino
  image-border: 32
  image-smooth: false
  padding-top: 22
  padding-left: 22
  padding-right: 22
  padding-bottom: 22

// Ilustración de una dungeon, arena o raid (game_viaje.ponerArte elige la imagen y la franja).
ValdrenArte < UIWidget
  image-smooth: false
  border-width: 1
  border-color: #6E5B37
  phantom: true

// Franja oscura sobre la parte de abajo de una ilustración, para poner texto encima.
ValdrenVelo < UIWidget
  background-color: #10161C80
  phantom: true

ValdrenTitulo < Label
  ttf-font: geistsemibold
  ttf-font-size: 20
  ttf-stroke: 2 #10161C
  color: #E8D3A2
  text-auto-resize: true
  phantom: true

ValdrenBoton < UIButton
  height: 30
  ttf-font: geistsemibold
  ttf-font-size: 13
  color: #1B1408
  background-color: #C7A86B
  border-width: 1
  border-color: #E8D3A2
  click-sound: 2774

  $hover !disabled:
    background-color: #D6BA80

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

  $disabled:
    color: #9AA7AE
    background-color: #232C32
    border-color: #39444C