/*
Theme Name: CustomBase
Theme URI: https://example.com/custombase
Author: Your Name
Author URI: https://example.com
Description: A lightweight, modern, and highly customizable WordPress theme built with Tailwind CSS and extensive Customizer API integration.
Version: 1.0.0
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: custombase
Domain Path: /languages
Requires at least: 5.0
Requires PHP: 7.4
Tags: responsive, customizable, light, modern, tailwind

CustomBase is a modern WordPress theme designed for maximum customizability through the WordPress dashboard.
It integrates seamlessly with the Customizer API for color and typography controls, supports the Block Editor (Gutenberg),
and uses Tailwind CSS for efficient, utility-first styling.
*/

:root {
	--wp-primary-color: #0066cc;
	--wp-accent-color: #ff6b6b;
	--wp-font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

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

html, body {
	font-family: var(--wp-font-family);
	color: #333;
	background-color: #fff;
}

a {
	color: var(--wp-primary-color);
	text-decoration: none;
	transition: color 0.3s ease;
}

a:hover {
	color: var(--wp-accent-color);
}

button, .button {
	background-color: var(--wp-primary-color);
	color: white;
	padding: 0.75rem 1.5rem;
	border: none;
	border-radius: 0.375rem;
	cursor: pointer;
	font-family: var(--wp-font-family);
	transition: background-color 0.3s ease;
}

button:hover, .button:hover {
	background-color: var(--wp-accent-color);
}

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

h1 {
	font-size: 2.25rem;
}

h2 {
	font-size: 1.875rem;
}

h3 {
	font-size: 1.5rem;
}

p {
	margin-bottom: 1rem;
	line-height: 1.6;
}

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