:root {
	/* Locked Terra Tech palette */
	--tt-navy-950: #06142f;
	--tt-navy-800: #0b2c60;
	--tt-blue-600: #0b63b6;
	--tt-gold-500: #d39a35;
	--tt-gold-400: #bd893d;
	--tt-gold-700: #8a560e;
	--tt-gold-200: #ecc780;
	--tt-ink-900: #182234;
	--tt-ink-600: #526174;
	--tt-surface-100: #f4f6f8;
	--tt-border: #d9dee5;
	--tt-white: #ffffff;

	/* Adapted triadic distribution: neutral canvas, navy structure, gold action. */
	--tt-gradient-navy: linear-gradient(135deg, #06142f 0%, #0b2c60 100%);
	--tt-gradient-gold: linear-gradient(135deg, #8a560e 0%, #d39a35 55%, #ecc780 100%);
	--tt-gradient-hero: linear-gradient(
		90deg,
		rgba(6, 20, 47, 0.97) 0%,
		rgba(6, 20, 47, 0.89) 42%,
		rgba(6, 20, 47, 0.48) 72%,
		rgba(6, 20, 47, 0.22) 100%
	);

	/* Typography */
	--tt-font-heading: "Barlow Condensed", "Arial Narrow", sans-serif;
	--tt-font-body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

	/* Layout */
	--tt-container: 1200px;
	--tt-content: 760px;
	--tt-gutter: clamp(1rem, 3vw, 2rem);
	--tt-section-space: clamp(4.5rem, 8vw, 8rem);

	/* Shape and depth */
	--tt-radius-sm: 0.5rem;
	--tt-radius-md: 0.75rem;
	--tt-radius-lg: 1rem;
	--tt-shadow-sm: 0 10px 30px rgba(6, 20, 47, 0.08);
	--tt-shadow-md: 0 20px 55px rgba(6, 20, 47, 0.16);

	/* Motion */
	--tt-ease: cubic-bezier(0.22, 1, 0.36, 1);
	--tt-fast: 180ms;
	--tt-medium: 420ms;
	--tt-slow: 760ms;
}