:root {
	--ixport-brand-a: #d6e1f6;
	--ixport-brand-b: #cef6dd;

	--ixport-gradient: linear-gradient(135deg, #d6e1f6 0%, #cef6dd 100%);
	--ixport-gradient-hover: linear-gradient(135deg, #c4d4ec 0%, #b8ecd0 100%);
	--ixport-gradient-soft: linear-gradient(135deg, rgba(214, 225, 246, 0.5) 0%, rgba(206, 246, 221, 0.45) 100%);

	--ixport-hero: linear-gradient(145deg, #1a2d42 0%, #243b55 48%, #1f4d3d 100%);

	--ixport-bg: #f7f9fc;
	--ixport-surface: #ffffff;
	--ixport-field-bg: #f5f8fb;
	--ixport-border: #d8e3ef;

	--ixport-text: #0f1419;
	--ixport-muted: #5a6570;
	--ixport-link: #1a2d42;
	--ixport-accent: #1f7a54;

	--ixport-danger: #6b1c1c;
	--ixport-danger-bg: #fef2f2;
	--ixport-ok: #14532d;
	--ixport-ok-bg: rgba(206, 246, 221, 0.45);

	--ixport-focus: rgba(214, 225, 246, 0.75);

	--ixport-radius: 14px;
	--ixport-radius-sm: 10px;
	--ixport-radius-pill: 999px;

	--ixport-shadow: 0 1px 2px rgba(15, 20, 25, 0.04), 0 10px 28px rgba(15, 20, 25, 0.06);
	--ixport-shadow-lg: 0 8px 32px rgba(15, 20, 25, 0.07);

	--ixport-blog-hero-fade: #f0c4b4;
	--ixport-blog-hero-fade-mid: rgba(240, 196, 180, 0.55);
	--ixport-blog-hero-fade-soft: rgba(240, 196, 180, 0.15);

	--ixport-font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}