/* Fuente del sistema */
:root {
  --rm-gradient-start: #6366f1; /* indigo-500 */
  --rm-gradient-end:   #0ea5e9; /* sky-500 */
}

html {
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI",
               Roboto, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue",
               Arial, "Apple Color Emoji", "Segoe UI Emoji";
}

/* Bonito bloque del hero */
.hero-box {
  background: linear-gradient(135deg,
              color-mix(in oklab, var(--rm-gradient-start) 20%, transparent),
              color-mix(in oklab, var(--rm-gradient-end) 20%, transparent));
}

/* Título con degradado */
.text-gradient {
  background: linear-gradient(90deg, var(--rm-gradient-start), var(--rm-gradient-end));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* Transición suave al cambiar tema */
body { transition: background-color .2s, color .2s; }

/* 200x200 exactos, recorte centrado si no es cuadrada */
.avatar-200{
  width: 400px;
  height: 400px;
  object-fit: cover;     /* rellena sin deformar */
  object-position: center;
  display: block;
}

.card-img-top {
  aspect-ratio: 4 / 3;
  object-fit: cover;
}