/* Variables de tema y reset base */

:root, [data-theme="light"] {
  --bg: #ffffff;
  --bg-2: #f8f9fb;
  --bg-3: #eff1f4;
  --bg-hover: #f2f4f7;
  --border: #e5e7ec;
  --border-2: #d8dbe2;
  --text: #1c2128;
  --text-2: #5f6b7a;
  --text-3: #98a1ae;
  --accent: #4c6ef5;
  --accent-hover: #3f5fe0;
  --accent-soft: rgba(76, 110, 245, .1);
  --on-accent: #ffffff;
  --danger: #e5484d;
  --danger-soft: rgba(229, 72, 77, .1);
  --success: #22c55e;
  --warning: #f59e0b;
  --shadow: 0 1px 3px rgba(16, 24, 40, .08), 0 4px 16px rgba(16, 24, 40, .06);
  --shadow-lg: 0 8px 40px rgba(16, 24, 40, .16);
  --radius: 8px;
  --radius-lg: 12px;
  /* Serif editorial (saludo de Inicio y respuestas de Flow AI, estilo Claude) */
  --font-serif: ui-serif, 'Iowan Old Style', Charter, Georgia, 'Times New Roman', serif;
}

[data-theme="dark"] {
  --bg: #17191d;
  --bg-2: #1d2025;
  --bg-3: #24272d;
  --bg-hover: #24272d;
  --border: #2d3138;
  --border-2: #3a3f48;
  --text: #e7eaee;
  --text-2: #9aa4b2;
  --text-3: #667081;
  --accent: #5c7cfa;
  --accent-hover: #6e8afb;
  --accent-soft: rgba(92, 124, 250, .16);
  --on-accent: #ffffff;
  --danger: #f2555a;
  --danger-soft: rgba(242, 85, 90, .14);
  --shadow: 0 1px 3px rgba(0, 0, 0, .4), 0 4px 16px rgba(0, 0, 0, .3);
  --shadow-lg: 0 8px 40px rgba(0, 0, 0, .55);
}

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

html, body {
  height: 100%;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  color: var(--text);
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
}

button {
  font: inherit;
  color: inherit;
  background: none;
  border: none;
  cursor: pointer;
}

input, textarea, select { font: inherit; color: inherit; }

a { color: inherit; text-decoration: none; }

ul, ol { list-style-position: inside; }

::placeholder { color: var(--text-3); }

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: var(--border-2); border-radius: 6px; border: 2px solid var(--bg); }
::-webkit-scrollbar-track { background: transparent; }

svg { flex-shrink: 0; }