/*
Theme Name: Radical One
Theme URI: https://theradical1s.com
Author: Radical One
Author URI: https://theradical1s.com
Description: Official WordPress theme for Radical One — Salesforce implementation, optimization, support, app development, and staffing. Converted from the static radical-one-html site, v1.0. Faithfully preserves the original per-page visual designs while adding WordPress-native navigation, a shared footer, a blog powered by native posts, a Customizer-driven footer contact block, and a secure contact form handler. See V2-ROADMAP.md for the planned Custom Post Type upgrade.
Version: 1.0.2
Requires at least: 6.0
Requires PHP: 7.4
Tested up to: 6.6
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: radical-one
*/

/* =========================================================
   GLOBAL RESET + BASE (shared across every page/template)
   Per-page design-system CSS lives in assets/css/page-*.css
   and is enqueued conditionally by functions.php — it is
   NOT merged here to avoid CSS variable / class collisions
   between the different page design systems in the source
   static site (see documentacion.md Paso 6 checklist).
   ========================================================= */

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

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	background: #fff;
	color: #020617;
	line-height: 1.5;
}

button,
a {
	font: inherit;
}

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

h1,
h2,
h3,
p {
	margin-top: 0;
}

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

/* Shared layout primitives used by every page design */
.container {
	width: min(100% - 3rem, 80rem);
	margin-inline: auto;
}

.section {
	padding: 5rem 0;
}

.section-white { background: #fff; color: #020617; }
.section-soft { background: #f1f5f9; color: #020617; }
.section-dark { background: #020617; color: #fff; }
.section-emerald { background: #183c28; color: #fff; }

/* Shared base button — page CSS files extend/override with their
   own variants (btn-gold, btn-outline, etc.) */
.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .5rem;
	border-radius: 1rem;
	padding: 1rem 1.75rem;
	border: 1px solid transparent;
	font-weight: 700;
	cursor: pointer;
	transition: transform .2s ease, background .2s ease, border-color .2s ease;
}
.btn:hover { transform: translateY(-2px); }

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}