@import 'tailwindcss';

@theme {
	--font-sans: ui-sans-serif, system-ui, -apple-system, 'SF Pro Text', 'Segoe UI', sans-serif;
	--color-paper: #faf9f7;
	--color-ink: #1c1917;
}

html {
	-webkit-tap-highlight-color: transparent;
}

body {
	background: var(--color-paper);
	color: var(--color-ink);
	font-family: var(--font-sans);
	overscroll-behavior-y: none;
}

/* Journal-style cards */
.journal-card {
	border-radius: 1.25rem;
	background: white;
	box-shadow:
		0 1px 2px rgb(28 25 23 / 0.06),
		0 8px 24px -12px rgb(28 25 23 / 0.18);
}

/* PWA safe areas: notch / Dynamic Island / home indicator on all phones */
.content-safe {
	padding-top: calc(env(safe-area-inset-top, 0px) + 0.75rem);
}

.safe-bottom {
	padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 7rem);
}

.fab-bottom {
	bottom: calc(env(safe-area-inset-bottom, 0px) + 1rem);
}

.gear-top {
	top: calc(env(safe-area-inset-top, 0px) + 0.75rem);
}

.banner-top {
	padding-top: env(safe-area-inset-top, 0px);
}