/* Orbit design tokens — colors, spacing, typography */
:root {
	/* Brand */
	--orbit-blue: #2563EB;
	--orbit-blue-600: #1D4FD8;
	--orbit-blue-50: #EFF4FF;
	--orbit-accent: #1E40AF;

	/* Neutrals */
	--orbit-black: #0B0B0F;
	--orbit-ink: #111827;
	--orbit-text: #1F2937;
	--orbit-muted: #6B7280;
	--orbit-border: #E5E7EB;
	--orbit-soft: #F3F4F6;
	--orbit-white: #FFFFFF;

	/* Section backgrounds */
	--orbit-dark-section: #0E0E12;

	/* Typography */
	--orbit-font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
	/* Adobe Garamond Pro is the primary brand serif; Playfair / EB Garamond
	   / Georgia kick in only until the custom file is uploaded. */
	/* 'adobe-garamond-pro' is the CSS family name delivered by Adobe Fonts /
	   TypeKit. 'Adobe Garamond Pro' is the friendly name used if a local file
	   is dropped in /assets/fonts/. The rest are fallbacks. */
	--orbit-font-serif: 'adobe-garamond-pro', 'Adobe Garamond Pro', 'EB Garamond', 'Playfair Display', Garamond, Georgia, 'Times New Roman', serif;

	/* Radii / shadows */
	--orbit-radius-sm: 6px;
	--orbit-radius-md: 12px;
	--orbit-radius-lg: 20px;
	--orbit-radius-pill: 999px;
	--orbit-shadow-card: 0 10px 30px rgba(15, 23, 42, 0.06);
	--orbit-shadow-card-strong: 0 20px 50px rgba(15, 23, 42, 0.12);

	/* Layout */
	--orbit-container: 1200px;

	/* ------------------------------------------------------------
	   Type scale — used across every page
	   ------------------------------------------------------------ */
	--fs-hero: 56px;        /* page-top hero title (Adobe Garamond Pro) */
	--fs-section: 40px;     /* H2 section title  */
	--fs-card: 20px;        /* card title (pricing cards) */
	--fs-lead: 17px;        /* subtitle directly under title */
	--fs-body: 16px;        /* paragraph body */
	--fs-small: 14px;       /* eyebrow / small labels */

	--lh-tight: 1.15;
	--lh-snug:  1.3;
	--lh-body:  1.6;

	/* ------------------------------------------------------------
	   Section spacing — consistent gutters every section uses
	   ------------------------------------------------------------ */
	--pad-x-desktop: 60px;
	--pad-x-tablet:  40px;
	--pad-x-mobile:  24px;

	--pad-y-desktop: 100px;
	--pad-y-tablet:  72px;
	--pad-y-mobile:  56px;
}