/*
 * Design tokens sampled directly from Orbiee_Design.pdf (home page export).
 * Update these as more Figma frames/specs are provided — every block should
 * reference these variables rather than hardcoding values, per the brief.
 */
:root {
	/* Colors — sampled from the design export (dark theme, warm product-photo accent) */
	--orbiee-bg: #07090e;           /* dominant background, sampled from header/section bands */
	--orbiee-bg-elevated: #10131b;  /* cards, panels sitting on the dark background */
	--orbiee-white: #ffffff;
	--orbiee-text: #f5f5f7;         /* primary text on dark background */
	--orbiee-text-muted: #8B939F;   /* secondary/body copy — matches Figma muted-foreground exactly */
	--orbiee-border: #ffffff1a;     /* 10% white, hairline borders on dark surfaces */
	--orbiee-accent: #e9ac87;       /* warm accent sampled from hero product imagery */
	--orbiee-accent-2: #324eaf;     /* brand blue kept from backup palette, used for links/focus */

	/* legacy variables preserved for compatibility with reused backup helpers */
	--primary: var(--orbiee-accent-2);
	--secondary: #0e1b4d;
	--text: var(--orbiee-text);
	--white: var(--orbiee-white);

	/* Typography */
	--font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	--font-display: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	--font-serif: 'Playfair Display', Georgia, 'Times New Roman', serif;

	--fs-hero: clamp(2.5rem, 4.5vw, 4.5rem);
	--fs-h2: clamp(2rem, 3vw, 3rem);
	--fs-h3: clamp(1.25rem, 1.6vw, 1.75rem);
	--fs-body: 1rem;
	--fs-small: 0.875rem;

	--lh-tight: 1.1;
	--lh-normal: 1.5;
	--ls-eyebrow: 0.08em;

	/* Spacing scale */
	--space-xs: 0.5rem;
	--space-sm: 1rem;
	--space-md: 1.5rem;
	--space-lg: 2.5rem;
	--space-xl: 4.5rem;
	--space-2xl: 3rem;

	/* Layout */
	--container-max: 1440px;
	--radius-sm: 8px;
	--radius-md: 16px;
	--radius-lg: 24px;
	--radius-pill: 999px;
}