/*
Theme Name: RevvRider
Theme URI: https://revvrider.com/
Author: RevvRider
Author URI: https://revvrider.com/
Description: A premium, lightweight magazine theme for motorcycle gear reviews, buying guides, maintenance guides and riding news. Built for speed, SEO and affiliate monetization.
Version: 1.0.0
Requires at least: 6.5
Tested up to: 6.6
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: revvrider
Tags: news, blog, one-column, two-columns, right-sidebar, custom-colors, custom-menu, custom-logo, featured-images, full-width-template, sticky-post, threaded-comments, translation-ready, block-styles, wide-blocks, editor-style

RevvRider WordPress Theme is distributed under the terms of the GNU GPL.
*/

/* Base reset kept minimal on purpose — the bulk of layout/visual CSS lives in
   assets/css/*.css so it can be selectively enqueued and cached separately
   from this required stylesheet header. */

:root{
	--rr-black:#0d0d0f;
	--rr-charcoal:#1a1b1e;
	--rr-charcoal-2:#24262b;
	/* Fixed dark surface for decorative bands (archive hero, newsletter) that
	   always pair with white text — unlike --rr-charcoal, this never flips in
	   dark mode, since flipping it would turn the hardcoded white text on top
	   of it illegible. */
	--rr-surface-dark:#1a1b1e;
	/* Fixed light text color for content sitting on a permanently-dark
	   surface (topbar, footer, hero image overlay, archive hero) — those
	   surfaces don't get lighter in dark mode, so this text must not get
	   darker either. Unlike --rr-gray-300 (a flippable border/fill tone),
	   this never changes under [data-rr-theme="dark"]. */
	--rr-text-on-dark:#c7c9cd;
	--rr-gray-900:#3a3d44;
	--rr-gray-600:#6b6f78;
	--rr-gray-300:#c7c9cd;
	--rr-gray-100:#eef0f2;
	--rr-white:#ffffff;
	--rr-accent:#ff5a1f;
	/* --rr-accent as normal-weight text on a white/light background computes
	   to ~3.1:1 contrast — below the 4.5:1 WCAG AA minimum for that size/
	   weight (it only clears AA at 3:1 for large/bold text, or as a graphic/
	   UI-component fill, where the threshold is lower). This darker variant
	   (~4.6:1 on white) is for exactly those failing cases — small/normal-
	   weight text links, active states, badges — while --rr-accent itself
	   stays the vibrant brand shade for buttons, borders, icons and anything
	   on an already-dark surface (topbar, footer), where it already passes. */
	--rr-accent-text:#d1450b;
	--rr-accent-2:#1f6fff;
	--rr-success:#1f9d55;
	--rr-warning:#d9a300;
	--rr-danger:#d92b2b;

	--rr-font-heading:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	--rr-font-body:'Source Serif 4', Georgia, 'Times New Roman', serif;

	--rr-container:1400px;
	--rr-content:820px;
	--rr-sidebar:320px;
	--rr-gap:32px;
	--rr-radius:2px;
}

*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{
	margin:0;
	font-family:var(--rr-font-body);
	color:var(--rr-charcoal);
	background:var(--rr-white);
	line-height:1.6;
	font-size:17px;
}
img{max-width:100%;height:auto;display:block;}
a{color:var(--rr-charcoal);text-decoration:none;}
/* --rr-accent-text (see the :root comment above), not --rr-accent — this is
   the sitewide default for any plain-text link without its own more
   specific hover rule, almost always sitting on a light background, so it
   needs the AA-safe shade. */
a:hover{color:var(--rr-accent-text);}
h1,h2,h3,h4,h5,h6{font-family:var(--rr-font-heading);line-height:1.15;letter-spacing:.2px;text-transform:none;margin:0 0 .5em;}
.screen-reader-text{position:absolute;left:-9999px;}
.skip-link{position:absolute;left:-9999px;top:0;background:var(--rr-black);color:#fff;padding:12px 20px;z-index:100000;}
.skip-link:focus{left:8px;top:8px;}