/*
Theme Name: Rosea
Theme URI: https://www.nop-station.com/rosea-wordpress-theme
Author: nopStation
Author URI: https://profiles.wordpress.org/nopstation/
Description: Rosea is a responsive WordPress blog theme designed with a modern layout and elegant styling.
Version: 1.1.0
Requires at least: 6.3
Tested up to: 6.9
Requires PHP: 8.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rosea
Tags: one-column, two-columns, right-sidebar, custom-background, custom-logo, custom-menu, blog, news

This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others.

Rosea WordPress Theme, Copyright 2026 nopStation.
Rosea is distributed under the terms of the GNU General Public License v2 or later.
*/

/* Basic Reset */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
	font-size: 16px;
	line-height: 1.6;
	color: #333;
	background-color: #fff;
}

/* Typography */
h1, h2, h3, h4, h5, h6 {
	font-weight: 600;
	line-height: 1.2;
	margin-bottom: 1rem;
}

h1 { font-size: 2.5rem; }
h2 { font-size: 2rem; }
h3 { font-size: 1.75rem; }
h4 { font-size: 1.5rem; }
h5 { font-size: 1.25rem; }
h6 { font-size: 1rem; }

p {
	margin-bottom: 1rem;
}

a {
	color: #0073aa;
	text-decoration: none;
	transition: color 0.3s ease;
}

a:hover,
a:focus {
	color: #005177;
	text-decoration: underline;
}

/* Layout */
.site-container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}

.site-header {
	background-color: #fff;
	border-bottom: 1px solid #e0e0e0;
	padding: 1rem 0;
}

.site-main {
	padding: 2rem 0;
	min-height: 60vh;
}

.site-footer {
	background-color: #333;
	color: #fff;
	padding: 2rem 0;
	margin-top: 3rem;
}

/* Navigation */
.main-navigation ul {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 1.5rem;
}

.main-navigation a {
	color: #333;
	font-weight: 500;
}

.main-navigation a:hover,
.main-navigation a:focus {
	color: #0073aa;
}

/* Content */
.entry-header {
	margin-bottom: 2rem;
}

.entry-title {
	font-size: 2rem;
	margin-bottom: 0.5rem;
}

.entry-meta {
	color: #666;
	font-size: 0.9rem;
	margin-bottom: 1rem;
}

.entry-content {
	margin-bottom: 2rem;
}

.entry-content img {
	max-width: 100%;
	height: auto;
}

/* Sidebar */
.sidebar {
	background-color: #f9f9f9;
	padding: 1.5rem;
	border-radius: 4px;
}

.widget {
	margin-bottom: 2rem;
}

.widget-title {
	font-size: 1.25rem;
	margin-bottom: 1rem;
	padding-bottom: 0.5rem;
	border-bottom: 2px solid #e0e0e0;
}

/* Responsive */
@media (max-width: 768px) {
	h1 { font-size: 2rem; }
	h2 { font-size: 1.75rem; }
	h3 { font-size: 1.5rem; }
	
	.site-container {
		padding: 0 15px;
	}
	
	.main-navigation ul {
		flex-direction: column;
		gap: 0.5rem;
	}
}