/*
Theme Name: Simone Cortes
Theme URI: https://simonecortes.com
Author: Simone Cortes
Author URI: https://simonecortes.com
Description: Tema editorial profissional para palestrante de liderança e carreira. Tipografia no estilo Medium.com (Newsreader + Inter), homepage content-rich com destaques, mais lidos e posts por categoria, banners de produtos digitais (cursos, mentorias, ebooks, playbooks) no topo e na lateral dos posts.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: simone-cortes
Tags: blog, editorial, two-columns, custom-colors, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

:root {
	/* Paleta Medium-like minimal */
	--color-bg: #ffffff;
	--color-surface: #f7f7f5;
	--color-surface-2: #f0f0ee;
	--color-primary: #191919;
	--color-text: #242429;
	--color-muted: #6b6b6b;
	--color-border: #e6e6e3;
	--color-cream: #faf6ec;           /* creme bem claro — top bar */

	/* Marca: amarelo só em PREENCHIMENTOS (botões, faixas, badges), sempre com texto preto.
	   Amarelo como texto sobre branco nunca passa contraste — por isso o accent de texto é âmbar escuro. */
	--color-brand: #ffc400;          /* amarelo de marca — fundos/realces (texto preto ~13:1) */
	--color-brand-hover: #e6a700;
	--color-on-brand: #191919;       /* texto sobre o amarelo */
	--color-accent: #8a6a00;         /* âmbar escuro — texto/links sobre branco (AA ~5:1) */
	--color-accent-hover: #6e5400;

	/* Tipografia (equivalentes livres das fontes pagas do Medium) */
	--font-serif: "Newsreader", Georgia, "Times New Roman", serif;
	--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

	--radius: 6px;
	--radius-lg: 12px;
	--container: 1200px;
	--content-w: 720px;
}

/* Reset básico */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
	margin: 0;
	font-family: var(--font-sans);
	font-size: 17px;
	line-height: 1.6;
	color: var(--color-text);
	background: var(--color-bg);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
img, video, figure { max-width: 100%; height: auto; }
a { color: var(--color-text); text-decoration: none; transition: color .15s ease; }
a:hover { color: var(--color-accent); }