/* Hallmark · macrostructure: Marquee Hero · genre: modern-minimal
 * theme: custom-yellow-light · nav: N9 edge-aligned (studied RSJ DNA)
 * tone: utilitarian · fonts: DM Sans + DM Mono · colors: EIE yellow retained
 * studied: yes · DNA-source: local (d:/cyberpeak/rsj-steel)
 * Hallmark · pre-emit critique: P4 H5 E5 S5 R4 V4
 */

:root {
	/* Yellow-light system — light mode, single warm accent */
	--color-background: #fffef9;
	--color-surface: #ffffff;
	--color-surface-muted: #f6f1de;

	--color-text: #14120c;
	--color-text-muted: #6a6558;

	--color-primary: #f2c200;
	--color-primary-hover: #e0b000;
	--color-primary-text: #14120c;
	--color-accent-soft: #fff6c8;
	--color-brass: #a88400;
	--color-brass-soft: #fff6c8;

	--color-border: #e6e1d0;
	--color-focus: #a88400;

	/* Dark chrome (footer / inverted bands) */
	--color-ink: #1a1814;
	--color-ink-muted: color-mix(in srgb, #fffef9 70%, transparent);
	--color-ink-soft: color-mix(in srgb, #fffef9 55%, transparent);
	--color-ink-border: color-mix(in srgb, #fffef9 15%, transparent);

	/* Typography — DM Sans/Mono + Inria Serif accent (Shawbyte DNA) */
	--font-display: "DM Sans", ui-sans-serif, system-ui, sans-serif;
	--font-sans: "DM Sans", ui-sans-serif, system-ui, sans-serif;
	--font-serif: "Inria Serif", ui-serif, Georgia, serif;
	--font-mono: "DM Mono", ui-monospace, monospace;

	--text-xs: 0.75rem;
	--text-sm: 0.875rem;
	--text-base: 1rem;
	--text-lg: 1.125rem;
	--text-xl: 1.25rem;
	--text-2xl: 1.5rem;
	--text-3xl: 2rem;
	--text-4xl: 2.75rem;
	--text-5xl: 3.5rem;

	--leading-tight: 1.1;
	--leading-snug: 1.25;
	--leading-normal: 1.5;
	--leading-relaxed: 1.7;

	--space-1: 0.25rem;
	--space-2: 0.5rem;
	--space-3: 0.75rem;
	--space-4: 1rem;
	--space-5: 1.25rem;
	--space-6: 1.5rem;
	--space-8: 2rem;
	--space-12: 3rem;
	--space-16: 4rem;
	--space-20: 5rem;
	--space-24: 6rem;

	--container-width: 1180px;
	--container-padding: 1.25rem;
	--header-offset: 5rem;

	/* Sharp chrome for RSJ-style nav/CTA; soft radius kept for cards elsewhere */
	--radius-sm: 0;
	--radius-md: 0;
	--radius-lg: 2px;
	--radius-pill: 999px;

	--ease-out: cubic-bezier(0.23, 1, 0.32, 1);
	--ease-in: cubic-bezier(0.7, 0, 0.84, 0);
	--ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
	--transition-fast: 150ms var(--ease-out);
	--transition-base: 220ms var(--ease-out);
	--dur-ui: 200ms;

	--shadow-soft: 0 1px 2px rgba(20, 18, 12, 0.04), 0 10px 28px -14px rgba(20, 18, 12, 0.18);
	--shadow-nav: 0 4px 16px -8px rgba(20, 18, 12, 0.18);
}