/*
  Brand theme: meridian — Meridian Belting.

  An industrial brand: deep slate blue with a safety-orange accent, flatter
  surfaces and tighter radii than the Signet default. Nothing here touches a
  component — the same fifteen blocks read as a different company purely
  through tokens. Selected with SIGNET_BRAND=meridian.
*/

:root {
	/* Brand pair — slate blue with safety orange. */
	--color-brand: light-dark(#1d4e6f, #57a8d6);
	--color-brand-strong: light-dark(#153a53, #2f89bb);
	--color-brand-soft: light-dark(#3f7fa5, #8ecbe9);
	--color-accent: #e8622c;
	--color-accent-soft: #f59463;

	/* Industrial surfaces: cooler and higher-contrast than the default. */
	--color-bg: light-dark(#ffffff, #0d1620);
	--color-surface: light-dark(#f1f5f8, #16232f);
	--color-border: light-dark(#d3dde5, #263644);
	--color-text: light-dark(#0d1620, #eef4f8);
	--color-muted: light-dark(#5a6b7a, #9db0c0);

	/* Flat brand: no gradients on an industrial site. */
	--gradient-brand: linear-gradient(135deg, var(--color-brand), var(--color-brand));
	--gradient-brand-strong: linear-gradient(
		135deg,
		var(--color-brand-strong),
		var(--color-brand-strong)
	);
	--gradient-brand-soft: linear-gradient(
		135deg,
		var(--color-brand-soft),
		var(--color-brand-soft)
	);
	--gradient-headline: linear-gradient(135deg, var(--color-text), var(--color-text));

	/* The hero illustration is a token, so the shared block needs no change. */
	--hero-visual: url("/brands/meridian/hero.svg");

	/* Engineering voice: squarer, denser, less display weight. */
	--font-weight-display: 700;
	--radius-sm: 2px;
	--radius: 3px;
	--radius-lg: 4px;
	--radius-full: 4px;
	--tracking-tight: -0.01em;
	--tracking-snug: -0.005em;
}