/*
Theme Name: Life with Billie and Papí
Theme URI: https://billieandpapi.com
Author: Billie and Papí
Author URI: https://billieandpapi.com
Description: A modern, playful WordPress theme for showcasing the adventures of Billie and Papí. Features include photo galleries, blog system, and social media integration.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: billieandpapi
Tags: blog, pets, photography, two-columns, custom-colors, custom-menu, featured-images, full-width-template, theme-options, translation-ready

Life with Billie and Papí is a custom WordPress theme designed for pet blogs.
*/

/**
 * Table of Contents
 *
 * The theme's CSS is organized into separate files for maintainability:
 * 1. variables.css - Design tokens (colors, typography, spacing)
 * 2. typography.css - Font styles and text formatting
 * 3. layout.css - Grid system, containers, and structural layouts
 * 4. components.css - Reusable UI components (buttons, cards, forms)
 * 5. blog.css - Blog-specific styles
 * 6. gallery.css - Photo gallery styles
 * 7. animations.css - Keyframes and transitions
 * 8. responsive.css - Media queries and responsive adjustments
 *
 * All files are enqueued in the proper order via inc/enqueue.php
 */

/* Normalize and reset */
*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body {
	margin: 0;
	overflow-x: hidden;
}

img {
	max-width: 100%;
	height: auto;
	display: block;
}

a {
	text-decoration: none;
	color: inherit;
}

ul, ol {
	list-style: none;
	padding: 0;
	margin: 0;
}

button {
	cursor: pointer;
	border: none;
	background: none;
	font-family: inherit;
}

/* Skip to content link for accessibility */
.skip-link {
	position: absolute;
	top: -40px;
	left: 0;
	background: var(--color-charcoal, #2D2C34);
	color: white;
	padding: 8px 16px;
	text-decoration: none;
	z-index: 10000;
}

.skip-link:focus {
	top: 0;
}

/* Screen reader only text */
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border-width: 0;
}