@tailwind base;
@tailwind components;
@tailwind utilities;

/* Kakebo - Custom styles */

:root {
	--kakebo-pink: #f78ca4;
}

/* Custom DaisyUI theme overrides */
html[data-theme="light"] {
	--p: 76.09% 0.1317 6.30 !important;
	--pc: 100% 0 0 !important;
}

/* Notebook grid background */
body {
	background-image:
		linear-gradient(rgba(200, 200, 220, 0.3) 1px, transparent 1px),
		linear-gradient(90deg, rgba(200, 200, 220, 0.3) 1px, transparent 1px);
	background-size: 24px 24px;
}

/* Ensure bottom nav doesn't overlap content on mobile */
@media (max-width: 639px) {
	body {
		padding-bottom: 9rem;
	}
}

/* Taller bottom nav */
.btm-nav {
	height: 8rem !important;
}

.btm-nav svg {
	width: 2rem !important;
	height: 2rem !important;
}

.btm-nav .btm-nav-label {
	font-size: 0.875rem !important;
}

/* Dropdown menus above everything */
.dropdown-content {
	z-index: 9999 !important;
}

/* Total cards */
.card-total {
	background-color: var(--kakebo-pink);
}