/**
 * Synovion Industries design tokens.
 *
 * The values below are the approved marketing-site foundation. Component
 * styles should consume these properties instead of introducing new values.
 */

:root {
	/* Brand palette. */
	--syn-color-primary: #6d28d9;
	--syn-color-primary-hover: #5b21b6;
	--syn-color-primary-bright: #7c3aed;
	--syn-color-primary-light: #f5f3ff;
	--syn-color-deep-brand: #2a133a;
	--syn-color-scientific-teal: #0f766e;
	--syn-color-teal-light: #f0fdfa;

	/* Neutral palette. */
	--syn-color-heading: #0f172a;
	--syn-color-body: #475569;
	--syn-color-muted: #64748b;
	--syn-color-background: #f8fafc;
	--syn-color-white: #ffffff;
	--syn-color-border: #e2e8f0;
	--syn-color-border-strong: #cbd5e1;

	/* Semantic palette: pair each foreground with its light background. */
	--syn-color-success: #166534;
	--syn-color-success-background: #f0fdf4;
	--syn-color-warning: #92400e;
	--syn-color-warning-background: #fffbeb;
	--syn-color-error: #b91c1c;
	--syn-color-error-background: #fef2f2;
	--syn-color-info: #0c4a6e;
	--syn-color-info-background: #f0f9ff;

	/* Geist-first typography with local system fallbacks. */
	--syn-font-family-sans: "Geist", "Geist Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--syn-font-family-mono: "Geist Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
	--syn-font-weight-regular: 400;
	--syn-font-weight-medium: 500;
	--syn-font-weight-semibold: 600;
	--syn-font-weight-bold: 700;
	--syn-font-size-xs: 0.75rem;
	--syn-font-size-sm: 0.875rem;
	--syn-font-size-base: 1rem;
	--syn-font-size-md: 1.125rem;
	--syn-font-size-lg: 1.25rem;
	--syn-font-size-xl: 1.5rem;
	--syn-font-size-2xl: 2rem;
	--syn-font-size-3xl: clamp(2.25rem, 5vw, 3.5rem);
	--syn-line-height-tight: 1.15;
	--syn-line-height-heading: 1.25;
	--syn-line-height-body: 1.65;
	--syn-letter-spacing-tight: -0.02em;

	/* Eight-pixel spacing system. */
	--syn-space-1: 0.5rem;
	--syn-space-2: 1rem;
	--syn-space-3: 1.5rem;
	--syn-space-4: 2rem;
	--syn-space-5: 2.5rem;
	--syn-space-6: 3rem;
	--syn-space-8: 4rem;
	--syn-space-10: 5rem;
	--syn-space-12: 6rem;

	/* Shape, focus, and elevation. */
	--syn-radius-button: 0.75rem;
	--syn-radius-card: 1rem;
	--syn-radius-control: 0.625rem;
	--syn-focus-ring-color: rgba(109, 40, 217, 0.38);
	--syn-focus-ring: 0 0 0 3px var(--syn-focus-ring-color);
	--syn-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
	--syn-shadow-card: 0 8px 24px rgba(15, 23, 42, 0.08);
	--syn-shadow-raised: 0 16px 40px rgba(15, 23, 42, 0.12);

	/* Layout and motion. */
	--syn-container-width: 75rem;
	--syn-content-width: 47.5rem;
	--syn-transition-fast: 160ms ease;
}