/* Moodz Workspace · páginas sin sesión (entrar, invitación) y Hoy de la fase 1. Mismos tokens que el Workspace de WordPress
   (assets/workspace.css): pergamino, tinta y un solo oro; modo oscuro con la misma lógica. Contraste AA: el oro de texto
   pequeño es --oro-texto. Fuentes del sistema (sin cargar nada de fuera: CSP font-src 'self'). */
:root {
	--fondo: #F2EEE5; --fondo-grupo: #F8F4EA; --tinta: #1C1814; --tinta-2: #4A4238; --tinta-3: #6F6555;
	--linea: #DED6C4; --oro: #A8821A; --oro-texto: #7D6010; --arcilla: #8C3B1E; --verde: #4E6A3A;
	--btn: #1C1814; --btn-tinta: #F8F4EA;
	--serif: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
	--sans: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
	color-scheme: light;
}
@media (prefers-color-scheme: dark) {
	:root {
		--fondo: #16130F; --fondo-grupo: #211D18; --tinta: #F3ECE0; --tinta-2: #D3CABB; --tinta-3: #A79D8C;
		--linea: #3A332A; --oro: #C9A23A; --oro-texto: #E8C975; --arcilla: #E59A7A; --verde: #A9C48F;
		--btn: #E8C975; --btn-tinta: #16130F;
		color-scheme: dark;
	}
}
*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: var(--fondo); color: var(--tinta); font-family: var(--sans); font-size: 16px; line-height: 1.55; -webkit-font-smoothing: antialiased; }
.acceso { min-height: 100vh; display: grid; place-items: center; padding: 24px 16px; }
.tarjeta { width: 100%; min-width: 0; max-width: 400px; background: var(--fondo-grupo); border: 1px solid var(--linea); border-radius: 16px; padding: 32px 28px; }
.marca { margin: 0 0 28px; font-size: 13px; letter-spacing: .22em; font-weight: 600; color: var(--tinta); }
.marca span { color: var(--oro-texto); font-weight: 400; letter-spacing: .12em; }
.titulo { margin: 0 0 8px; font-family: var(--serif); font-weight: 500; font-size: 34px; line-height: 1.1; }
.sub { margin: 0 0 24px; color: var(--tinta-2); }
.formulario { display: grid; gap: 6px; }
label { font-size: 14px; color: var(--tinta-2); margin-top: 10px; }
input { width: 100%; min-width: 0; font: inherit; color: var(--tinta); background: var(--fondo); border: 1px solid var(--linea); border-radius: 10px; padding: 12px 14px; min-height: 44px; }
input:focus-visible, .entrar:focus-visible { outline: 2px solid var(--oro-texto); outline-offset: 2px; }
.entrar { margin-top: 20px; min-height: 44px; font: inherit; font-weight: 600; color: var(--btn-tinta); background: var(--btn); border: 0; border-radius: 10px; padding: 12px 18px; cursor: pointer; width: 100%; }
.alerta { margin: 0 0 16px; padding: 10px 14px; border-radius: 10px; border: 1px solid var(--arcilla); color: var(--arcilla); font-size: 15px; }
.alerta--bien { border-color: var(--verde); color: var(--verde); }
.nota { margin: 20px 0 0; font-size: 13px; color: var(--tinta-3); }
[hidden] { display: none !important; }