/*
Theme Name: SubZero Constructors
Theme URI: https://subzeroconstructors.com
Author: SubZero Constructors
Author URI: https://subzeroconstructors.com
Description: Official WordPress theme for SubZero Constructors.
Version: 0.2.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: Proprietary
Text Domain: subzero-wp
*/

/* ── Reset ─────────────────────────────────────────────────── */
*, *::before, *::after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

/* ── Base ───────────────────────────────────────────────────── */
:root {
	--color-primary:   #0a0a0a;
	--color-accent:    #1e90ff;
	--color-bg:        #ffffff;
	--color-surface:   #f4f4f4;
	--color-border:    #e0e0e0;
	--color-text:      #1a1a1a;
	--color-muted:     #666666;
	--font-sans:       -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
	                   Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
	--font-mono:       'Courier New', Courier, monospace;
	--radius:          6px;
	--max-width:       1200px;
	--spacing:         1.5rem;
}

html {
	font-size: 16px;
	scroll-behavior: smooth;
}

body {
	font-family:      var(--font-sans);
	color:            var(--color-text);
	background-color: var(--color-bg);
	line-height:      1.6;
	-webkit-font-smoothing: antialiased;
}

/* ── Typography ─────────────────────────────────────────────── */
h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 0.5em;
}

h1 { font-size: 2.25rem; }
h2 { font-size: 1.75rem; }
h3 { font-size: 1.375rem; }
h4 { font-size: 1.125rem; }

p  { margin-bottom: 1rem; }

a {
	color: var(--color-accent);
	text-decoration: none;
}
a:hover { text-decoration: underline; }

/* ── Layout ─────────────────────────────────────────────────── */
.container {
	width: 100%;
	max-width: var(--max-width);
	margin-inline: auto;
	padding-inline: var(--spacing);
}

/* ── Header ─────────────────────────────────────────────────── */
.site-header {
	background-color: var(--color-primary);
	color: #fff;
	padding: 1rem 0;
}

.site-header .container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}

.site-logo a {
	color: #fff;
	font-size: 1.25rem;
	font-weight: 700;
	letter-spacing: -0.5px;
}

.site-nav ul {
	display: flex;
	gap: 1.5rem;
	list-style: none;
}

.site-nav a {
	color: #ccc;
	font-size: 0.9rem;
	transition: color 0.2s;
}
.site-nav a:hover { color: #fff; text-decoration: none; }

/* ── Main ───────────────────────────────────────────────────── */
.site-main {
	min-height: 60vh;
	padding: 3rem 0;
}

/* ── Footer ─────────────────────────────────────────────────── */
.site-footer {
	background-color: var(--color-primary);
	color: #999;
	font-size: 0.85rem;
	padding: 1.5rem 0;
	text-align: center;
}

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