/*
Theme Name:        Dealer Fule — Fox RV
Theme URI:         https://infule.com/dealer-fule
Template:          dealer-fule
Author:            Infule.com
Author URI:        https://infule.com
Description:       Blue Fox RV brand layer over the Dealer Fule parent. Overrides only what's brand-specific: colors, logo, mascot. All layout and typography inherited from parent.
Version:           1.0.1
License:           Proprietary — Infule.com
Text Domain:       dealer-fule-fox-rv
*/

/* =========================================================================
   Blue Fox RV — Brand Token Overrides
   =========================================================================
   This is the entire brand swap. Layout, typography, spacing, motion,
   shadows, radius — all inherited from parent. We only redefine brand
   identity tokens here.
   ========================================================================= */

:root {

	/* ---- Primary brand colors ---- */
	--color-brand:        #14304D;   /* Blue Fox navy — slightly deeper than parent default */
	--color-brand-dark:   #0C1F33;
	--color-brand-light:  #28527B;

	/* ---- Mascot rust ---- */
	--color-accent:       #C65D3E;   /* Fox character orange-rust */
	--color-accent-dark:  #A84A30;
	--color-accent-light: #E08366;

	/* ---- Outdoors green (used sparingly — secondary CTA, badges) ---- */
	--color-secondary:       #2D4A3E;
	--color-secondary-light: #4A6E5C;

	/* ---- Warm cream surface ---- */
	--color-surface:      #FBF7EE;
	--color-surface-alt:  #F2EBDB;
	--color-surface-tint: #EFE8D6;

	/* ---- Dark footer surface ---- */
	--color-surface-dark: #0E1F33;

	/* ---- Border tints to match cream ---- */
	--color-border:        #E5DCC6;
	--color-border-strong: #C9BC9B;
}

/* =========================================================================
   Brand-specific touches (use sparingly — most styling stays in parent)
   =========================================================================
   Only override here when something is truly Fox-specific. If it would
   apply to other dealers too, push it up to the parent.
   ========================================================================= */

/* Slightly tighter letter-spacing on Fox display headings — Fraunces at
   large sizes can feel airy; Fox's voice is more grounded/honest.        */
.is-home .display,
.is-home h1 {
	letter-spacing: -0.025em;
}

/* Fox uses a subtle textured background on hero — apply via child only.
   Image lives in /images/ folder (download from demo or replace with own). */
.hero-section {
	background-image: url('images/background/trees-2.webp');
	background-size: cover;
	background-position: center bottom;
	background-repeat: no-repeat;
}

/* Mascot-anchored CTA sections */
.mascot-cta {
	position: relative;
}
.mascot-cta__figure {
	position: absolute;
	bottom: 0;
	right: -24px;
	width: 240px;
	pointer-events: none;
}
@media (max-width: 800px) {
	.mascot-cta__figure { width: 140px; right: -8px; opacity: 0.85; }
}