/*
Theme Name: Mitermayer Child
Theme URI: https://miter.trevomultimidia.link
Description: Tema filho do Hello Elementor para o site do Dr. Mitermayer Reis Brito (RitmoCare). Edite páginas com Elementor Free; cores base alinhadas ao design system do site React (index.css).
Author: Trevo Multimídia
Template: hello-elementor
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mitermayer-child
*/

/*
 * Tokens extraídos de Health-Site-Builder/artifacts/dr-mitermayer/src/index.css
 * (Ritimocare Design System — comentários Navy #002D5E, Cyan #0077C8, fundo #F0F7FF).
 * Configure os mesmos valores em Elementor → Site Settings → Global Colors / Global Fonts.
 */
:root {
	--miter-color-primary: #0077c8;
	--miter-color-primary-hsl: 207 100% 39%;
	--miter-color-accent: #002d5e;
	--miter-color-accent-hsl: 214 100% 18%;
	--miter-color-background: #f0f7ff;
	--miter-color-foreground: hsl(214, 100%, 12%);
	--miter-color-muted-foreground: hsl(214, 25%, 48%);
	--miter-color-card: #ffffff;
	--miter-color-footer: #002755;
	--miter-color-hero-start: hsl(214, 100%, 10%);
	--miter-color-hero-mid: hsl(214, 100%, 14%);
	--miter-color-hero-end: hsl(207, 80%, 18%);
	--miter-color-badge-cyan: #0a8fcc;
	--miter-font-sans: "Inter", "Segoe UI", system-ui, sans-serif;
	--miter-font-display: "Playfair Display", Georgia, serif;
	--miter-radius-md: 0.625rem;
}

body.mitermayer-child-base-font {
	font-family: var(--miter-font-sans);
	color: var(--miter-color-foreground);
	background-color: var(--miter-color-background);
	letter-spacing: -0.01em;
	line-height: 1.6;
}

/* Reforço semântico quando o conteúdo não passa pelo Elementor (blog fallback, etc.) */
.mitermayer-child-index h1,
.mitermayer-child-index h2,
.mitermayer-child-index h3 {
	font-family: var(--miter-font-display);
	letter-spacing: -0.02em;
	line-height: 1.2;
}

.mitermayer-child-index a {
	color: var(--miter-color-primary);
}

.mitermayer-child-index a:focus-visible {
	outline: 2px solid var(--miter-color-primary);
	outline-offset: 2px;
}