/*
 * Theme Name: Kahuna the Elder
 * Theme URI: https://kahunatheelder.com
 * Description: A Gutenberg/FSE-compliant WordPress theme
 * Author: Kahuna Development
 * Author URI: https://kahunatheelder.com
 * Version: 1.0.0
 * License: GPL v2 or later
 * License URI: https://www.gnu.org/licenses/gpl-2.0.html
 * Text Domain: kahunatheelder
 * Domain Path: /languages
 * Requires at least: 6.0
 * Requires PHP: 8.0
 * Tested up to: 6.4
 * Block Theme: true
 */

/* ============================================================================
   BASE STYLES
   ============================================================================ */

:root {
	/* Space scale */
	--wp--preset--spacing--30: clamp(1.5rem, 1rem + 2.5vw, 2rem);
	--wp--preset--spacing--40: clamp(1.875rem, 1.375rem + 2.5vw, 2.5rem);
	--wp--preset--spacing--50: clamp(2.25rem, 1.75rem + 2.5vw, 3rem);
}

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

body {
	margin: 0;
	padding: 0;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 1rem;
	line-height: 1.6;
	color: #000000;
}

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

p {
	margin: 0 0 1rem 0;
}

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

a:hover {
	text-decoration: underline;
}

/* ============================================================================
   BLOCK STYLES
   ============================================================================ */

.wp-block-image {
	margin: 1rem 0;
}

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

/* ============================================================================
   LAYOUT
   ============================================================================ */

.wp-site-blocks {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

.wp-block-template-part {
	display: contents;
}

/* ============================================================================
   UTILITIES
   ============================================================================ */

.has-text-align-center {
	text-align: center;
}

.has-text-align-right {
	text-align: right;
}

.has-text-align-left {
	text-align: left;
}

/* Responsive utilities */
@media (max-width: 640px) {
	body {
		font-size: 0.95rem;
	}
}