/* Ueeda brand polish: theme palette + compact animated logo */

/* primary actions follow the Ueeda theme (fork palette), not frappe blue */
:root,
[data-theme="light"] {
	--primary: #086a56;
	--primary-color: #086a56;
	--btn-primary: #086a56;
}

[data-theme="dark"] {
	--primary: #4faf96;
	--primary-color: #4faf96;
	--btn-primary: #4faf96;
}

.btn.btn-primary {
	background-color: var(--btn-primary);
	border-color: var(--btn-primary);
}

.btn.btn-primary:hover,
.btn.btn-primary:focus {
	background-color: #075c4b;
	border-color: #075c4b;
}

.btn.btn-primary:active {
	background-color: #013220;
	border-color: #013220;
}

[data-theme="dark"] .btn.btn-primary:hover,
[data-theme="dark"] .btn.btn-primary:focus {
	background-color: #5fbfa6;
	border-color: #5fbfa6;
}

img.app-logo,
.navbar-brand img,
.app-logo {
	max-height: 36px;
	max-width: 36px;
}

/* login screen: smaller logo with entrance + gentle idle float */
.for-login .app-logo,
.login-content .app-logo {
	max-height: 44px;
	max-width: 44px;
	animation:
		ueeda-logo-in 0.7s cubic-bezier(0.22, 1, 0.36, 1) both,
		ueeda-float 5s ease-in-out 1.2s infinite;
}

@keyframes ueeda-logo-in {
	from {
		opacity: 0;
		transform: translateY(10px) scale(0.85);
	}
	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

@keyframes ueeda-float {
	0%,
	100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-4px);
	}
}

@media (prefers-reduced-motion: reduce) {
	.for-login .app-logo,
	.login-content .app-logo {
		animation: none;
	}
}