/*
Theme Name: StoreMaster
Template: twentytwentyfive
Description: StoreMaster brand child theme of Twenty Twenty-Five. Marketing-site design system v1.
Version: 1.119.0
License: GPL v2 or later
Text Domain: storemaster-theme
*/

/*
 * Design tokens live in theme.json (editor presets) and are mirrored here
 * as --sm-* custom properties for the component library in
 * assets/css/sm-site.css. This file keeps only base polish; components
 * are all sm-* classes in sm-site.css.
 */

:root {
	/* The marketing site is a light-only design. Pin the scheme so native
	   controls (any injected search / form <select> popups) render light on
	   dark-mode devices, matching the site. */
	color-scheme: light;

	/* --------------------------------------------------------- Pulse Ledger
	 * The locked identity: Ledger Plum, Soft Paper, Pulse Magenta, with Flow
	 * Cyan and Module Violet reserved for product imagery and the capability
	 * icons. Pulse is the single page-wide interaction accent.
	 *
	 * Contrast, measured rather than assumed:
	 *   plum on paper       16.90:1
	 *   plum-soft on paper   9.88:1
	 *   plum on pulse        4.83:1  <- button labels use THIS
	 *   white on pulse       3.65:1  <- fails AA for a label; display sizes only
	 */
	--sm-paper: #fff9f4;
	--sm-paper-deep: #f7efeb;
	--sm-plum: #24102f;
	--sm-plum-soft: #4f3857;
	--sm-pulse: #f23a8b;
	--sm-pulse-deep: #d62c77;
	--sm-pulse-tint: #fdeaf2;
	--sm-cyan: #1fc7d4;
	--sm-violet: #8e6bff;
	--sm-rule: #e7dce2;
	--sm-muted: #8b7a92;
	--sm-white: #ffffff;

	/* ------------------------------------------------------ legacy aliases
	 * The component library in sm-site.css is ~2,700 lines written against
	 * blue-era names. Remapping the VALUES recolours every component at once
	 * instead of rewriting all of it, which is both smaller and far less
	 * likely to break the pricing table and changelog. New CSS should use the
	 * semantic names above; these go when the last blue-era rule does.
	 */
	--sm-blue-900: #24102f;
	--sm-blue-800: #f23a8b;
	--sm-blue-700: #d62c77;
	--sm-blue-100: #fbd7e6;
	--sm-blue-50: #fdeaf2;
	--sm-ink: #24102f;
	--sm-slate-600: #4f3857;
	--sm-slate-400: #8b7a92;
	--sm-slate-200: #e7dce2;
	--sm-slate-50: #f7efeb;
	--sm-green-600: #0f7a5a;
	--sm-red-600: #c0392f;

	--sm-display: Urbanist, "Helvetica Neue", Arial, sans-serif;
	--sm-mono: ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;
	--sm-radius-card: 16px;
	--sm-radius-browser: 16px;
	--sm-radius-btn: 12px;
	--sm-border: 1px solid var(--sm-rule);
	--sm-shadow-card: 0 1px 2px rgb(36 16 47 / 0.05), 0 10px 30px -14px rgb(36 16 47 / 0.18);
	--sm-shadow-browser: 0 2px 4px rgb(36 16 47 / 0.05), 0 30px 60px -22px rgb(36 16 47 / 0.28);
}

/* Links */
a {
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

/* Legacy site-title glyph (kept for templates still using site-title) */
.wp-block-site-title a {
	font-weight: 800;
	letter-spacing: -0.03em;
	text-decoration: none;
	color: var(--sm-ink);
	font-size: 1.4rem;
}

.wp-block-site-title a::before {
	content: "";
	display: inline-block;
	width: 0.9em;
	height: 0.9em;
	margin-right: 0.4em;
	vertical-align: -0.08em;
	background: linear-gradient(135deg, var(--sm-blue-800) 0%, #3b82f6 100%);
	border-radius: 3px;
	box-shadow: 3px -3px 0 -1px rgba(30, 64, 175, 0.35), 6px -6px 0 -2px rgba(30, 64, 175, 0.15);
}

.wp-block-navigation a {
	font-weight: 500;
	text-decoration: none;
}

.wp-block-navigation a:hover {
	color: var(--sm-blue-800);
}

/* Tables (pricing page polish until its phase-2 rebuild) */
.wp-block-table th {
	background: rgba(30, 64, 175, 0.05);
}

/* The embedded plugin inherits the brand accent */
.storemaster {
	--sm-accent: var(--sm-blue-800);
}