/*
Theme Name: Revmint — Design 5
Theme URI: https://example.com
Description: DESIGN 5 "Blocks" — a bold poster interface for the Revmint Amazon-affiliate review theme. Heavy ink outlines, hard offset shadows with no blur, oversized display type, and a bento grid of differently sized tiles instead of a row of identical cards. The loudest of the five and the least likely to be mistaken for another affiliate site. Same folder and text domain as Designs 1-4, so Customizer settings survive switching. Buy buttons unchanged: one, at the end of the article. Ships selectable site designs (skins), review summary cards, colored score tiers, pros/cons, specs tables, FAQ, comparison tables, dynamic Amazon buy buttons and full Review JSON-LD rich snippets. Every brand detail (name, tagline, trust copy, disclosure, design, affiliate tag) is set per-site — deploy the same theme on any domain.
Author: Revmint
Author URI: https://example.com
Template: generatepress
Version: 5.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: best-review
*/

/* Webfonts are enqueued as parallel <link> stylesheets in inc/skins.php
   (br_skin_enqueue) — NOT @import here, which would render-block. Body falls
   back to a system stack until they load (font-display: swap). */

/* ==========================================================================
   Design tokens — change these to rebrand the whole site in one place.
   "The Verdict" editorial base + "Test Bench" data tiers.
   ========================================================================== */
:root {
	/* Brand palette — DESIGN 5 "Blocks": ink outlines + one acid accent */
	--br-primary: #1a1a1a;        /* ink: every outline and rule */
	--br-primary-dark: #000000;   /* hover */
	--br-ink: #141414;
	--br-gold: #e8a317;           /* stars */

	--br5-acid: #d8f24a;          /* the accent: seals, hovers, highlights */
	--br5-acid-deep: #b3cc2a;
	--br5-shadow: 6px 6px 0 var(--br-ink);   /* hard offset, NO blur */
	--br5-shadow-sm: 4px 4px 0 var(--br-ink);
	--br5-line: 2px;              /* outline weight */

	/* bento tile fills */
	--br5-t1: #ffd9c7;
	--br5-t2: #cfe4ff;
	--br5-t3: #d9f0dc;
	--br5-t4: #efdcff;
	--br5-t5: #ffe9a8;
	--br5-t6: #ffd4dd;

	/* Score tiers (Test Bench) — a number is pre-judged by color */
	--br-score-good: #16a34a;     /* 4.0+ */
	--br-score-ok:   #d98a16;     /* 3.0–3.9 */
	--br-score-bad:  #e11d48;     /* < 3.0 */
	--br-score-na:   #c9cdd4;

	/* Pros / cons */
	--br-success: #16a34a;
	--br-danger:  #e11d48;

	/* Surfaces — flat paper, high contrast. Borders do everything. */
	--br-bg: #f6f3ea;
	--br-surface: #ffffff;
	--br-soft: #ece7da;
	--br-border: #141414;
	--br-text: #141414;
	--br-muted: #5f5a50;

	/* Shape — a poster: chunky corners and a hard shadow that never blurs. */
	--br-radius: 14px;
	--br-radius-sm: 10px;
	--br-shadow: 6px 6px 0 #141414;
	--br-shadow-hover: 9px 9px 0 #141414;

	/* Fonts */
	--br-font-head: 'Bricolage Grotesque', 'Helvetica Neue', Arial, sans-serif;
	--br-font-body: 'Work Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
	--br-font-mono: 'IBM Plex Mono', ui-monospace, 'SF Mono', 'SFMono-Regular', Menlo, Consolas, monospace;

	/* ---- Map GeneratePress global colors onto our brand ---- */
	--accent: var(--br-primary);
	--contrast: var(--br-text);
	--contrast-2: var(--br-muted);
	--contrast-3: #8a857a;
	--base: #e4dfd2;
	--base-2: var(--br-bg);
	--base-3: var(--br-surface);
}

/* ---- Global typography --------------------------------------------------- */
body,
button,
input,
select,
textarea,
.main-navigation a {
	font-family: var(--br-font-body);
}

h1, h2, h3, h4, h5, h6,
.main-title,
.main-title a {
	font-family: var(--br-font-head);
	font-optical-sizing: auto;
	font-weight: 600;
	letter-spacing: -0.012em;
	color: var(--br-text);
}
h1 { font-weight: 700; }

/* Component + layout styles live in assets/css/theme.css (enqueued separately). */