:root {
  --black-deep: #0A0A0A;
  --gold-premium: #D4AF37;
  --gold-bright: #F7D774;
  --blue-tech: #0F2B46;
  --green-success: #0FA958;
  --white-soft: #F5F5F5;
  --gray-muted: #8A8A8A;
  --font-primary: 'Poppins', sans-serif;
  --font-display: 'Montserrat', sans-serif;
  --font-body: 'Inter', sans-serif;
  --glow-gold: 0 0 30px rgba(212, 175, 55, 0.45);
  --glow-gold-strong: 0 0 60px rgba(247, 215, 116, 0.55);
  --transition-smooth: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  --radius-lg: 16px;
  --radius-xl: 24px;
  --touch-min: 64px;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  height: 100%;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  font-family: var(--font-body);
  background: var(--black-deep);
  color: var(--white-soft);
  -webkit-tap-highlight-color: transparent;
  min-height: 100%;
  min-height: 100dvh;
}

/* Tótem: pantalla fija */
body.kiosk-page {
  height: 100%;
  height: 100dvh;
  overflow: hidden;
  user-select: none;
}

/* Sorteo en vivo fullscreen */
body.draw-page {
  overflow: hidden;
  user-select: none;
}

/* Panel admin y login: scroll vertical permitido */
body.admin-body,
body.login-page {
  overflow-x: hidden;
  user-select: auto;
}

img {
  max-width: 100%;
  height: auto;
}

a { color: var(--gold-bright); text-decoration: none; }