/* Baseline native mobile polish for public and student pages */
:root {
	--app-primary: #007aff;
	--app-surface: #ffffff;
	--app-text: #1c1c1e;
	--app-muted: #8e8e93;
}

@media (max-width: 767.98px) {
	body {
		background: var(--app-surface);
		color: var(--app-text);
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	.container,
	.container-fluid {
		padding-left: 12px;
		padding-right: 12px;
	}

	.card, .list-group-item {
		border-radius: 12px;
	}

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