/*
Theme Name: LA Staging
Theme URI: https://github.com/dendritecorp/template-la
Author: Dendrite Corp
Description: Repraesent Los Angeles staging landing (la.gagadomains.com).
Version: 1.0.0
Text Domain: la
*/

:root {
	--la-ink: #101422;
	--la-paper: #fafaf9;
	--la-muted: #7a8090;
	--la-accent: #2b4be8;
	--la-accent-hover: #1f3ac0;
	--la-font: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
	--la-sans: "Avenir Next", "Segoe UI", system-ui, sans-serif;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html,
body {
	margin: 0;
	min-height: 100%;
}

body.la-staging {
	font-family: var(--la-sans);
	background:
		radial-gradient(ellipse 80% 60% at 50% 0%, rgba(43, 75, 232, 0.22), transparent 55%),
		linear-gradient(160deg, #0c101c 0%, var(--la-ink) 45%, #161b2e 100%);
	color: var(--la-paper);
}

.la-landing {
	min-height: 100vh;
	display: grid;
	place-items: center;
	padding: clamp(24px, 5vw, 48px);
}

.la-landing-inner {
	text-align: center;
	max-width: 28rem;
}

.la-landing-logo {
	display: block;
	width: min(320px, 78vw);
	height: auto;
	margin: 0 auto 1.5rem;
}

.la-landing-copy {
	margin: 0 0 2rem;
	font-family: var(--la-font);
	font-size: clamp(1.05rem, 2.4vw, 1.25rem);
	line-height: 1.45;
	color: var(--la-muted);
}

.la-landing-cta {
	display: inline-block;
	padding: 0.85rem 1.6rem;
	border-radius: 2px;
	background: var(--la-accent);
	color: #fff;
	font-weight: 600;
	font-size: 0.95rem;
	letter-spacing: 0.02em;
	text-decoration: none;
	transition: background 0.15s ease, transform 0.15s ease;
}

.la-landing-cta:hover,
.la-landing-cta:focus-visible {
	background: var(--la-accent-hover);
	transform: translateY(-1px);
}

.la-landing-cta:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 3px;
}