/*
Theme Name: Tati Campos
Description: Tema do site da instrutora Tati Campos. Por enquanto apenas a página "em breve"; será expandido com a landing page de captação de leads.
Author: Diego Artur
Version: 0.1.0
Requires PHP: 8.0
Text Domain: taticampos
*/

:root {
	--tc-laranja: #f2740b;
	--tc-laranja-escuro: #c25a05;
	--tc-escuro: #17120e;
	--tc-claro: #fdf8f3;
	--tc-texto: #3b3128;
}

* {
	box-sizing: border-box;
}

body {
	margin: 0;
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	color: var(--tc-texto);
	background: var(--tc-claro);
	-webkit-font-smoothing: antialiased;
}

.tc-soon {
	min-height: 100vh;
	min-height: 100svh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 1.5rem;
	padding: 2rem 1.25rem;
	text-align: center;
	background:
		radial-gradient(circle at 15% 15%, rgba(242, 116, 11, 0.14), transparent 45%),
		radial-gradient(circle at 85% 80%, rgba(242, 116, 11, 0.1), transparent 50%),
		var(--tc-claro);
}

.tc-soon__badge {
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--tc-laranja-escuro);
	border: 1px solid rgba(242, 116, 11, 0.35);
	border-radius: 999px;
	padding: 0.4rem 0.9rem;
}

.tc-soon__title {
	margin: 0;
	font-size: clamp(2.2rem, 9vw, 3.75rem);
	line-height: 1.05;
	letter-spacing: -0.02em;
	color: var(--tc-escuro);
}

.tc-soon__title span {
	display: block;
	color: var(--tc-laranja);
}

.tc-soon__lista {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0.55rem;
	text-align: left;
}

.tc-soon__lista li {
	display: flex;
	align-items: baseline;
	gap: 0.55rem;
	font-size: clamp(0.82rem, 3.1vw, 0.95rem);
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	line-height: 1.35;
}

.tc-soon__lista span {
	flex: none;
	/* Fonte de emoji explícita: sem isso, ambiente sem fonte colorida some com o glifo. */
	font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
	font-size: 1.2em;
	letter-spacing: normal;
}

.tc-soon__text {
	margin: 0;
	max-width: 34ch;
	font-size: clamp(1rem, 3.6vw, 1.15rem);
	line-height: 1.6;
}

.tc-soon__cta {
	display: inline-flex;
	align-items: center;
	gap: 0.6rem;
	background: #25d366;
	color: #06371a;
	font-weight: 700;
	font-size: 1.05rem;
	text-decoration: none;
	padding: 0.95rem 1.6rem;
	border-radius: 999px;
	box-shadow: 0 10px 24px -12px rgba(6, 55, 26, 0.6);
}

.tc-soon__cta:hover {
	filter: brightness(1.05);
}

.tc-soon__foot {
	font-size: 0.85rem;
	color: rgba(59, 49, 40, 0.65);
}

@media (prefers-color-scheme: dark) {
	body {
		background: var(--tc-escuro);
		color: #efe6dc;
	}

	.tc-soon {
		background:
			radial-gradient(circle at 15% 15%, rgba(242, 116, 11, 0.2), transparent 45%),
			radial-gradient(circle at 85% 80%, rgba(242, 116, 11, 0.12), transparent 50%),
			var(--tc-escuro);
	}

	.tc-soon__title {
		color: #fff;
	}

	.tc-soon__foot {
		color: rgba(239, 230, 220, 0.55);
	}
}