/* ═══════════════════════════════════════════
   E Basic TI · Base: tipografía, fondo, botones y formularios
   ═══════════════════════════════════════════ */

html { scroll-behavior: smooth; }
body { background: var(--bg); color: var(--ink); transition: background .4s, color .4s; overflow-x: hidden; }
::selection { background: var(--primary); color: var(--btn-text); }

.btn-brand { color: var(--btn-text); }

/* Texto con gradiente */
.grad-text {
  background: linear-gradient(100deg, var(--grad-a), var(--grad-b));
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.grad-bg { background: linear-gradient(120deg, var(--grad-a), var(--grad-c)); }

input, textarea { background: var(--surface); border: 1px solid var(--line); color: var(--ink); }
input::placeholder, textarea::placeholder { color: var(--muted); }
input:focus, textarea:focus { outline: 2px solid var(--primary); outline-offset: 1px; }

img { user-select: none; }