/*
 * Portal Editorial Agora — fontes e variáveis do MODO CLARO (padrão).
 * Os valores abaixo são os medidos na referência; o Personalizar sobrescreve com um bloco
 * <style> gerado (inc/dynamic-css.php) logo depois de responsive.css.
 */

@font-face {
	font-family: "Montserrat";
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url("../fonts/montserrat-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "Montserrat";
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url("../fonts/montserrat-latin-ext.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: "Montserrat";
	font-style: italic;
	font-weight: 100 900;
	font-display: swap;
	src: url("../fonts/montserrat-italic-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Medidas e tokens que não dependem do modo. */
:root {
	--pea-font: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--pea-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
	--pea-container: 1192px;
	--pea-gutter: 16px;
	--pea-sidebar-w: 262px;
	--pea-gap: 48px;
	--pea-radius: 0px;
	--pea-logo-w: 256px;
	--pea-logo-w-m: 150px;
	--pea-logo-w-footer: 260px;
	--pea-sec-title-size: 26px;
	--pea-sec-title-color: var(--pea-accent);
	--pea-label-bg: var(--pea-primary);
	--pea-label-color: #ffffff;
	--pea-label-size: 11px;
	--pea-topbar-bg: #d80100;
	--pea-topbar-text: #ffffff;
	--pea-topbar-size: 12px;
	--pea-header-h: 102px;
	--pea-header-h-m: 60px;
	--pea-menu-hover: var(--pea-accent);
	--pea-menu-active: var(--pea-primary);
	--pea-menu-size: 14px;
	--pea-menu-spacing: 15px;
	--pea-ticker-bg: var(--pea-surface);
	--pea-ticker-text: var(--pea-heading);
	--pea-sticky-h: 52px;
	--pea-sticky-bg: var(--pea-menu-bg);
	--pea-sticky-border: #cf3034;
	--pea-hl-size: 40px;
	--pea-hero-h: 475px;
	--pea-mosaic-h: 450px;
	--pea-sg-title: 40px;
	--pea-sg-title-m: 27px;
	--pea-sg-excerpt-size: 19px;
	--pea-sg-excerpt-color: var(--pea-muted);
	--pea-sg-font: 18px;
	--pea-cont-h: 320px;
	--pea-ft-text: #ffffff;
	--pea-ft-titles: #ffffff;
	--pea-ft-link: #ffffff;
	--pea-ft-hover: #ff5a5f;
	--pea-ft-icons: #9a9a9a;
	--pea-cp-bg: #d80100;
	--pea-cp-color: #ffffff;
	--pea-share-whatsapp: #7bbf6a;
	--pea-share-facebook: #516eaa;
	--pea-share-x: #000000;
	--pea-share-telegram: #2a9fd8;
	--pea-share-linkedin: #0a66c2;
	--pea-share-pinterest: #cb212a;
	--pea-share-email: #5d5d5d;
	--pea-share-copy: #3a3a3a;
	--pea-ease: cubic-bezier(.2, .7, .2, 1);
}

/* Modo claro (padrão). */
:root,
html[data-theme="light"] {
	color-scheme: light;
	--pea-primary: #cf3034;
	--pea-primary-hover: #a8191d;
	--pea-accent: #cf3034;
	--pea-on-primary: #ffffff;
	--pea-secondary: #d80100;
	--pea-background: #ffffff;
	--pea-surface: #f7f7f7;
	--pea-surface-secondary: #eeeeee;
	--pea-card-bg: #ffffff;
	--pea-heading: #111111;
	--pea-text: #1f1f1f;
	--pea-muted: #6b6b6b;
	--pea-border: #e8e8e8;
	--pea-border-strong: #cccccc;
	--pea-line: #f2f2f2;
	--pea-link: #cf3034;
	--pea-link-hover: #a8191d;
	--pea-header-bg: #ffffff;
	--pea-header-icons: #5f5f5f;
	--pea-header-shadow: 0 3px 7px rgba(0, 0, 0, .07);
	--pea-menu-bg: #ffffff;
	--pea-menu-color: #000000;
	--pea-footer-bg: #1a1a1a;
	--pea-input-bg: #ffffff;
	--pea-input-border: #cfcfcf;
	--pea-ph-icon: #b3b8bd;
	--pea-media-shadow: 0 1px 5px rgba(0, 0, 0, .14);
	--pea-shade: linear-gradient(180deg, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, .78) 100%);
	--pea-success: #2e7d32;
	--pea-error: #c62828;
}