/* Tokens de diseño compartidos por la página de inicio y la app. */
:root {
  color-scheme: dark;
  --bg: #0B0B0F;
  --surface: #15151C;
  --elevated: #1D1D27;
  --border: #2A2A36;
  --bubble: #23232E;
  --text: #F4F4F6;
  --text-2: #9A9AA8;
  --text-3: #6B6B7A;
  --violet: #7C5CFF;
  --pink: #FF4FD8;
  --orange: #FF8A3D;
  --brand: linear-gradient(135deg, #7C5CFF 0%, #FF4FD8 55%, #FF8A3D 100%);
  --brand-soft: linear-gradient(135deg, rgba(124, 92, 255, .18), rgba(255, 79, 216, .14) 55%, rgba(255, 138, 61, .12));
  --success: #3DDC97;
  --error: #FF5A6A;
  --warning: #FFC24B;
  --r-card: 20px;
  --r-bubble: 22px;
  --r-input: 26px;
  --r-pill: 999px;
  --shadow: 0 10px 30px rgba(0, 0, 0, .35);
  --glow: 0 0 0 1px rgba(255, 255, 255, .04), 0 18px 60px rgba(124, 92, 255, .25);
  --font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; background: var(--bg); color: var(--text); font-family: var(--font); }
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
a { color: inherit; }
button { font: inherit; color: inherit; }
::selection { background: rgba(124, 92, 255, .45); }
.gradient-text { background: var(--brand); -webkit-background-clip: text; background-clip: text; color: transparent; }