/* ==========================================================================
   TtMr — design tokens
   ========================================================================== */
:root {
	/* Colour — engineering blue / steel */
	--ink:        #0B1220;
	--ink-2:      #0E1726;
	--steel:      #15202E;
	--steel-2:    #1B2A3C;
	--blue:       #2563EB;
	--blue-600:   #1D4ED8;
	--accent:     #38BDF8;
	--amber:      #F5A524;
	--amber-600:  #DB8B0B;
	--paper:      #F6F8FB;
	--paper-2:    #EEF2F7;
	--line:       #E2E8F0;
	--line-soft:  rgba(255, 255, 255, .10);
	--line-soft2: rgba(255, 255, 255, .06);
	--white:      #FFFFFF;

	--text:        #0B1220;
	--text-muted:  #475569;
	--text-invert: #E6EDF5;
	--text-invert-muted: #94A3B8;

	/* Typography */
	--font-heading: "Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
	--font-body:    "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--font-mono:    "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

	/* Fluid type scale */
	--fs-eyebrow: .80rem;
	--fs-body:    1.0625rem;
	--fs-lead:    clamp(1.125rem, 1.4vw, 1.3rem);
	--fs-h3:      clamp(1.2rem, 1.8vw, 1.5rem);
	--fs-h2:      clamp(1.8rem, 3.4vw, 2.9rem);
	--fs-h1:      clamp(2.4rem, 5.5vw, 4.4rem);
	--fs-stat:    clamp(2.6rem, 5vw, 4rem);

	/* Spacing rhythm */
	--space-section: clamp(4rem, 8vw, 7.5rem);
	--space-tight:   clamp(2.5rem, 5vw, 4rem);
	--space-loose:   clamp(5.5rem, 11vw, 10rem);

	--container: 1200px;
	--container-narrow: 760px;
	--gutter: clamp(1.25rem, 4vw, 2.5rem);

	--radius:    14px;
	--radius-sm: 9px;
	--radius-lg: 22px;

	--shadow-sm: 0 1px 2px rgba(11, 18, 32, .06), 0 2px 8px rgba(11, 18, 32, .05);
	--shadow:    0 10px 30px -12px rgba(11, 18, 32, .25);
	--shadow-blue: 0 16px 40px -16px rgba(37, 99, 235, .55);

	--ease: cubic-bezier(.22, .61, .36, 1);
	--dur:  .45s;
}