/*
Theme Name: CBM Market
Theme URI: https://coachandbusmarket.com
Author: Coach and Bus Week
Description: Custom theme for CBM (Coach and Bus Market), the vehicle marketplace and industry hub for the UK/RoI coach, bus and minibus industry, published by Coach and Bus Week (CBW).
Version: 0.1.0
Requires at least: 6.4
Requires PHP: 8.1
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cbm-market
*/

/* Design tokens — source of truth: design_handoff_cbm_marketplace/README.md "Design Tokens" section */
:root {
	--cbm-red: #C8102E;
	--cbm-red-hover: #A50D26;
	--cbm-near-black: #1A1A1A;
	--cbm-near-black-alt: #222222;
	--cbm-body-grey: #4B4C4D;
	--cbm-muted-grey: #757880;
	--cbm-hairline: #D8D9DB;
	--cbm-hairline-light: #E7E8EA;
	--cbm-fill-light: #F2F2F2;
	--cbm-fill-lighter: #F7F7F7;
	--cbm-footer-dark: #262626;
	--cbm-green: #1E9E4B;
	--cbm-green-dark: #1B2E20;
	--cbm-white: #FFFFFF;

	--cbm-bronze: #B5651D;
	--cbm-silver: #8A8D91;
	--cbm-gold: #E8B84B;

	--cbm-font-heading: 'Inter', sans-serif;
	--cbm-font-body: 'Inter', sans-serif;
	--cbm-font-mono: 'IBM Plex Mono', monospace;

	--cbm-radius: 3px;
	--cbm-max-width: 1280px;
	--cbm-side-padding: 32px;
	--cbm-gap: 20px;

	/* Homepage-only "frame with wallpaper" ad skin (CBM Design Brief.md's
	   "premium sponsor takeover placement"): a decorative border either side
	   of the 1152px card, plus a strip above it, sized for whatever an
	   advertiser's skin creative needs. Both the card and the wallpaper skin
	   read from these two values, so resizing the ad space for a new
	   advertiser deal is a one-line change here rather than hunting through
	   several calc()s that have to be kept in sync by hand. */
	--cbm-homepage-card-width: 1152px;
	--cbm-wallpaper-top-height: 60px;

	/* Responsive breakpoints, referenced in comments (custom properties can't be used in @media) */
	/* tablet: max-width 1024px · mobile: max-width 640px */
}

@media (max-width: 640px) {
	:root {
		--cbm-side-padding: 16px;
		--cbm-gap: 14px;
	}
}