/*!******************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./assets/src/css/base/_variables.css ***!
  \******************************************************************************************************************/
/**
 * Base Variables
 *
 * Design tokens for Mustard. Theme-first, plugin-second: prefer `theme.json`
 * presets and `settings.custom` as `--wp--preset--*` / `--wp--custom--*`
 * (Scribe’s theme.json is the canonical MTW reference); otherwise plugin
 * literals apply. Hairline widths use `px` at 1–3px per project convention.
 *
 * @package mustard
 */

:root {
	/* ========================================================================
	   Colours (manipulated by JS)
	   ======================================================================== */
	--mu-color-primary: #2271b1;
	--mu-color-secondary: var(--wp--preset--color--grey, #646970);
	--mu-color-base: var(--wp--preset--color--linen-1, #f0f0f1);
	--mu-color-text: var(--wp--preset--color--contrast, #23282d);
	--mu-color-highlight: var(--wp--preset--color--pale-sky, #72aee6);
	--mu-color-warning: var(--wp--preset--color--accent-1, #f02d3a);
	--mu-color-accent: var(--wp--preset--color--accent-3, #e8e8e8);
	--mu-color-text-muted: var(--wp--preset--color--grey, #646970);
	--mu-color-subtle-bg: var(--wp--preset--color--linen-1, #f9f9f9);
	--mu-color-white: var(--wp--preset--color--white, #fff);

	/* ------------------------------------------------------------------------
	   Semantic colour variables
	   ------------------------------------------------------------------------ */
	--mu-color-background: var(--mu-color-base);
	--mu-color-surface: var(--mu-color-white);
	--mu-color-border: var(--mu-color-accent);
	--mu-color-focus: var(--mu-color-primary);
	--mu-color-error: var(--mu-color-warning);
	--mu-color-success: #00a32a;
	--mu-color-info: var(--mu-color-highlight);

	/* ------------------------------------------------------------------------
	   Dashboard / glance indicators (plugin defaults)
	   ------------------------------------------------------------------------ */
	--mu-color-dashboard-embed-active: #27ae60;
	--mu-color-dashboard-embed-inactive: #c0392b;

	/* ------------------------------------------------------------------------
	   Settings table striping (WP admin list-table grey; theme has no preset)
	   ------------------------------------------------------------------------ */
	--mu-color-settings-table-stripe: #f6f7f7;

	/* ========================================================================
	   Fonts
	   ======================================================================== */
	--mu-font-mono: ui-monospace, 'Fira Code', 'Cascadia Code', 'Source Code Pro', menlo, monaco, consolas, 'Courier New', monospace;

	/* ------------------------------------------------------------------------
	   Font sizes (theme.json typography.fontSizes, then plugin rem)
	   ------------------------------------------------------------------------ */
	--mu-font-size-xs: var(--wp--preset--font-size--xs, 0.875rem);
	--mu-font-size-sm: var(--wp--preset--font-size--sm, 1rem);
	--mu-font-size-md: var(--wp--preset--font-size--md, 1.0625rem);
	--mu-font-size-lg: var(--wp--preset--font-size--lg, 1.6875rem);
	--mu-font-size-xl: var(--wp--preset--font-size--xl, 2.1875rem);
	--mu-font-size-xxl: var(--wp--preset--font-size--xxl, 3.0625rem);

	/* Settings hub section title (compact admin heading; not a theme display size). */
	--mu-font-size-settings-section-title: 1.25rem;

	/* Below theme xs: badges, dense labels (no matching theme.json step). */
	--mu-font-size-2xs: 0.75rem;

	/* Tighter than 2xs (e.g. small-viewport overlays). */
	--mu-font-size-3xs: 0.6875rem;

	/* ========================================================================
	   Sizes
	   ======================================================================== */
	--mu-size-0: 0;
	--mu-size-xs: 0.25rem;
	--mu-size-s: 0.5rem;
	--mu-size-m: 0.75rem;
	--mu-size-l: 1rem;
	--mu-size-xl: 1.25rem;
	--mu-size-xxl: 1.5rem;

	/* ------------------------------------------------------------------------
	   Toggle switch geometry (fixed component; uses size scale for thumb)
	   ------------------------------------------------------------------------ */
	--mu-toggle-track-width: 2.5rem;
	--mu-toggle-track-height: 1.5rem;
	--mu-toggle-thumb-size: var(--mu-size-l);
	--mu-toggle-thumb-offset: var(--mu-size-xs);
	--mu-toggle-thumb-travel: var(--mu-size-l);

	/* ------------------------------------------------------------------------
	   Semantic spacing (theme.json spacing.spacingSizes, then plugin sizes)
	   ------------------------------------------------------------------------ */
	--mu-spacing-xs: var(--wp--preset--spacing--10, var(--mu-size-xs));
	--mu-spacing-s: var(--wp--preset--spacing--20, var(--mu-size-s));
	--mu-spacing-m: var(--wp--preset--spacing--30, var(--mu-size-m));
	--mu-spacing-l: var(--wp--preset--spacing--40, var(--mu-size-l));
	--mu-spacing-xl: var(--wp--preset--spacing--50, var(--mu-size-xl));
	--mu-spacing-xxl: var(--wp--preset--spacing--60, var(--mu-size-xxl));
	--mu-spacing-70: var(--wp--preset--spacing--70, 2.25rem);
	--mu-spacing-80: var(--wp--preset--spacing--80, 3rem);

	/* ========================================================================
	   Text shadows
	   ======================================================================== */
	--mu-text-shadow: 0 0 2px rgba(0, 0, 0, 0.75);

	/* ========================================================================
	   Border radii
	   ======================================================================== */
	--mu-radius-xs: 0.175rem;
	--mu-radius-s: 0.375rem;
	--mu-radius-m: 0.75rem;
	--mu-radius-l: 1.75rem;
	--mu-radius-round: 50%;

	/* ========================================================================
	   Border widths (Scribe theme.json settings.custom; hairlines in px)
	   ======================================================================== */
	--mu-border-thin: var(--wp--custom--editor-inspector--hairline-width, 1px);
	--mu-border-thick: var(--wp--custom--focus--outline-width, 2px);

	/* ========================================================================
	   States
	   ======================================================================== */
	--mu-disabled-opacity: 0.5;
	--mu-disabled-filter: grayscale(0.5);
	--mu-state-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);

	/* ========================================================================
	   Focus styles
	   ======================================================================== */
	--mu-focus-outline: var(--mu-border-thick) solid var(--mu-color-focus);
	--mu-focus-outline-radius: var(--mu-radius-xs);
	--mu-focus-outline-offset: var(--mu-border-thick);

	/* ========================================================================
	   Semantic transition variables
	   ======================================================================== */
	--mu-transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
	--mu-transition-normal: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
	--mu-transition-slow: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	--mu-transition-menu: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	--mu-transition-opacity: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
	--mu-transition-transform: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	--mu-transition-color: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
	--mu-transition-background: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
	--mu-transition-border: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
	--mu-transition-box-shadow: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

/*
 * MTW Settings hub: map primary/focus to admin colour when hub shell is present.
 * Tokens from mtw-hub-settings-base.css (Tools/common).
 */
body.mtw-settings-hub {
	--mu-color-primary: var(--mtw-hub-color-primary);
	--mu-color-focus: var(--mtw-hub-color-primary);
}

/*!*******************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./assets/src/css/components/_frontend-loading.css ***!
  \*******************************************************************************************************************************/
/**
 * Frontend Loading Component
 *
 * Additional loading states and timeout indicators for very slow networks.
 *
 * @package Mustard
 */

/* =============================================================================
   Frontend Enhancements
   ========================================================================== */

/* =============================================================================
   Enhanced Loading States
   ========================================================================== */

/* Timeout indicator for very slow networks */
.mu-load-timeout {
	padding: var(--mu-spacing-s) var(--mu-spacing-m);
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	background: rgb(0 0 0 / 80%);
	border-radius: var(--mu-radius-s);
	box-shadow: 0 2px 0.5rem rgb(0 0 0 / 30%);
	pointer-events: none;
	color: var(--mu-color-white);
	font-size: var(--mu-font-size-2xs);
	font-weight: 500;
	transform: translate(-50%, -50%);
	backdrop-filter: blur(0.25rem);

	@media (width <= 48rem) {
		padding: var(--mu-spacing-xs) var(--mu-spacing-s);
		font-size: var(--mu-font-size-3xs);
	}
}

/*!*********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./assets/src/css/mu-front.css ***!
  \*********************************************************************************************************************************************************************************/


/*# sourceMappingURL=mu-front-style.min.css.map*/