/*
Theme Name: Analog Laura
Theme URI: https://analoglaura.com
Author: Analog Laura
Author URI: https://analoglaura.com
Description: A WordPress theme for pens, paper & quiet notes. Features a paper-like design with Tailwind CSS and Swup page transitions.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: analog-laura
Tags: blog, custom-design, tailwind, swup
*/

/* Paper container background with gradients and grid effect */
.paper-container {
	background-image: 
		radial-gradient(circle at 0 0, #fdf8ee 0, #fdf6e9 40%, transparent 70%),
		radial-gradient(circle at 100% 100%, #f3ebdd 0, #f1e5d5 40%, transparent 70%),
		repeating-linear-gradient(to bottom, transparent 0, transparent 0.5rem, rgba(212, 196, 176, 0.3) 0.5rem, rgba(212, 196, 176, 0.3) 0.51rem),
		repeating-linear-gradient(to right, transparent 0, transparent 0.5rem, rgba(212, 196, 176, 0.3) 0.5rem, rgba(212, 196, 176, 0.3) 0.51rem);
	background-color: #f7efe2;
	background-size: 100% 0.5rem, 0.5rem 100%, 0.5rem 0.5rem, 0.5rem 0.5rem;
}

/* Pacifico font for logo */
.logo-font {
	font-family: 'Pacifico', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* Bookmania font for all headings */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'bookmania', serif;
	font-weight: 400;
	font-style: normal;
}

/* Swup transition styles */
.transition-main {
	transition: opacity 0.3s ease-in-out;
}

/* Ensure body has proper background */
body {
	background-color: #f5f5f4; /* stone-100 */
	color: #0c0a09; /* stone-900 */
}

/* Smooth transitions for Swup */
#swup {
	min-height: 1px;
}

/* Rotating phrase animation styles */
#rotating-phrase {
	display: block;
	transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
	will-change: opacity, transform;
}