:root {
	--jai-color-bg: #ffffff;
	--jai-color-surface: #f6f8fb;
	--jai-color-surface-strong: #eef3f8;
	--jai-color-text: #111827;
	--jai-color-muted: #5f6b7a;
	--jai-color-border: rgba(17, 24, 39, 0.12);
	--jai-color-primary: #0f172a;
	--jai-color-primary-soft: #1e293b;
	--jai-color-accent: #2563eb;
	--jai-color-accent-2: #f97316;
	--jai-color-success: #0f9f6e;
	--jai-color-white: #ffffff;

	--jai-font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--jai-font-size-sm: 0.875rem;
	--jai-font-size-base: 1rem;
	--jai-font-size-lg: 1.125rem;
	--jai-line-height: 1.65;
	--jai-line-height-tight: 1.12;

	--jai-container: 1180px;
	--jai-container-wide: 1360px;
	--jai-container-content: 760px;

	--jai-space-2xs: 0.25rem;
	--jai-space-xs: 0.5rem;
	--jai-space-sm: 0.75rem;
	--jai-space-md: 1rem;
	--jai-space-lg: 1.5rem;
	--jai-space-xl: 2rem;
	--jai-space-2xl: 3rem;
	--jai-space-3xl: 4.5rem;
	--jai-space-4xl: 6rem;

	--jai-radius-sm: 0.375rem;
	--jai-radius-md: 0.5rem;
	--jai-radius-lg: 0.75rem;
	--jai-radius-xl: 1rem;

	--jai-shadow-soft: 0 18px 60px rgba(15, 23, 42, 0.08);
	--jai-shadow-card: 0 12px 35px rgba(15, 23, 42, 0.1);

	--jai-z-header: 50;
	--jai-z-menu: 60;

	--jai-transition: 180ms ease;
}