/* Variables de diseño compartidas por todas las páginas */
:root {
  --bg: #0C0C0F;
  --surface: #141418;
  --card: #1A1A20;
  --border: rgba(255,255,255,0.07);
  --border-hover: rgba(255,255,255,0.13);
  --text: #F0EEE9;
  --muted: #6E6D78;
  --muted2: #4A4952;
  --accent: #C8F135;
  --danger: #FF4D4D;
  --danger-bg: rgba(255,77,77,0.1);
  --green: #25D366;
  --green-send: #22C55E;
  --green-send-bg: rgba(34,197,94,0.1);
  --green-bg: rgba(37,211,102,0.1);
}

* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

html, body {
  margin: 0;
  overscroll-behavior: none;
}

body {
  font-family: 'DM Sans', sans-serif;
  background: var(--bg);
  color: var(--text);
  font-size: 15px;
  line-height: 1.5;
  max-width: 480px;
  margin: 0 auto;
}