/**
 * Ancobolt design tokens — modern industrial.
 * Charcoal/steel + safety-yellow accent.
 */
:root {
	/* Color */
	--color-bg: #f4f4f2;
	--color-surface: #ffffff;
	--color-ink: #1a1d21;
	--color-ink-soft: #4b5158;
	--color-steel: #2b2f34;
	--color-steel-light: #3a4047;
	--color-charcoal: #121417;
	--color-charcoal-light: #1e2126;
	--color-amber: #ffb300;
	--color-amber-dark: #e09e00;
	--color-amber-glow: rgba(255, 179, 0, .35);
	--color-line: #d9dcd7;
	--color-white: #ffffff;

	/* Typography */
	--font-display: 'Oswald', 'Arial Narrow', sans-serif;
	--font-body: 'Inter', system-ui, -apple-system, sans-serif;

	/* Spacing scale */
	--space-1: .5rem;
	--space-2: 1rem;
	--space-3: 1.5rem;
	--space-4: 2rem;
	--space-5: 3rem;
	--space-6: 4.5rem;

	/* Layout */
	--container: 1240px;
	--radius: 6px;
	--radius-lg: 10px;

	/* Depth */
	--shadow-sm: 0 1px 3px rgba(0,0,0,.08);
	--shadow-md: 0 8px 24px rgba(0,0,0,.12);
	--shadow-lg: 0 20px 48px rgba(0,0,0,.18);
	--shadow-amber: 0 8px 32px rgba(255,179,0,.22);

	/* Motion */
	--ease: cubic-bezier(.22, .61, .36, 1);
	--ease-spring: cubic-bezier(.34, 1.56, .64, 1);
	--speed: .35s;
	--speed-slow: .7s;
}

/* Industrial textures — subtle, no images required */
.texture-steel {
	background-image:
		repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.03) 35px, rgba(255,255,255,.03) 70px),
		linear-gradient(135deg, var(--color-steel) 0%, var(--color-charcoal) 100%);
}

.texture-blueprint {
	background-color: var(--color-charcoal);
	background-image:
		linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px),
		linear-gradient(rgba(255,255,255,.02) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,.02) 1px, transparent 1px);
	background-size: 40px 40px, 40px 40px, 8px 8px, 8px 8px;
}