/**
 * Mușuroi — punte de stil între ecranul de autentificare și tema Blocksy.
 *
 * Se încarcă DUPĂ `templates/auth/assets/auth.css`. Ecranul acela a fost
 * gândit ca pagină de sine stătătoare, pe tot viewportul; acum stă între
 * antetul și subsolul temei, deci trebuie să-și piardă pretențiile de ecran.
 *
 * Se aplică pe TREI rute: `/profil/`, `/musuroi/` și `/intrare`.
 *
 * @package Musuroi
 */

body.musuroi-auth-page {
	background-color: var(--theme-palette-color-5, #edeff2);
}

.musuroi-auth {
	/* Era `min-height: 100dvh` — cu antet și subsol deasupra și dedesubt,
	   asta împingea subsolul la un ecran distanță de formular. */
	min-height: 0;
	background: transparent;
	padding-block: var(--theme-content-vertical-spacing, 60px);

	/* Tipografia și accentul vin de la temă, ca peste tot în portal. */
	--font-sans: var(--theme-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
	--accent: var(--theme-palette-color-4, #3b3b3b);
	--accent-hover: var(--theme-palette-color-3, #2d2d2d);
	--border: var(--theme-palette-color-5, #edeff2);
	--surface: var(--theme-palette-color-8, #ffffff);
	--bg: transparent;
}

/* Cardul formularului preia limbajul cărților din portal. */
.musuroi-auth__card,
.musuroi-auth__panel,
.musuroi-auth > form {
	border-radius: 20px;
}