/**
 * MBST — design tokens (source of truth dla frontendu publicznego).
 */

.mbst-premium-ui {
	/* Kolory */
	--mbst-navy: #18225b;
	--mbst-navy-deep: #131a49;
	--mbst-navy-header: #243570;
	--mbst-cyan: #54add6;
	--mbst-cyan-hover: #3d9bc4;
	--mbst-title-accent: #9ed4f2;
	--mbst-on-dark-text: rgba(255, 255, 255, 0.92);
	--mbst-brand: var(--mbst-navy);
	--mbst-brand-dark: var(--mbst-navy-deep);
	--mbst-brand-light: #2a3a7a;
	--mbst-accent: var(--mbst-cyan);
	--mbst-surface: #ffffff;
	--mbst-surface-alt: #f8fafc;
	--mbst-text: var(--mbst-navy);
	--mbst-text-muted: #5c6478;
	--mbst-gradient-navy: linear-gradient(135deg, #18225b 0%, #243570 100%);

	/* Layout */
	--mbst-container-max: 1200px;
	--mbst-container-narrow: 720px;
	--mbst-container-wide: 1280px;
	--mbst-content-max: var(--mbst-container-max);
	--mbst-content-gutter: clamp(16px, 3vw, 48px);
	--mbst-grid-gap: clamp(24px, 4vw, 40px);
	--mbst-split-gap: clamp(32px, 5vw, 48px);

	/* Spacing (8px base) */
	--mbst-space-1: 8px;
	--mbst-space-2: 16px;
	--mbst-space-3: 24px;
	--mbst-space-4: 32px;
	--mbst-space-5: 40px;
	--mbst-space-6: 48px;
	--mbst-space-7: 64px;
	--mbst-space-8: 80px;
	--mbst-section-y: clamp(56px, 7vw, 96px);
	--mbst-section-x: clamp(20px, 3vw, 40px);

	/* Typografia */
	--mbst-font: 'Fira Sans', Arial, Tahoma, sans-serif;
	--mbst-text-xs: 0.75rem;
	--mbst-text-sm: 0.875rem;
	--mbst-text-base: 1rem;
	--mbst-text-lg: clamp(1.05rem, 1.8vw, 1.125rem);
	--mbst-text-xl: clamp(1.125rem, 2vw, 1.25rem);
	--mbst-h1: clamp(2rem, 4.8vw, 3.375rem);
	--mbst-h2: clamp(1.625rem, 2.8vw, 2.625rem);
	--mbst-h3: clamp(1.125rem, 2vw, 1.5rem);
	--mbst-leading-tight: 1.2;
	--mbst-leading-body: 1.65;

	/* Radius, border, shadow */
	--mbst-radius-sm: 8px;
	--mbst-radius-md: 12px;
	--mbst-radius-lg: 16px;
	--mbst-radius-pill: 999px;
	--mbst-border: 1px solid rgba(24, 34, 91, 0.1);
	--mbst-shadow-card: none;

	/* Przyciski */
	--mbst-btn-min-h: 48px;
	--mbst-btn-radius: 8px;
	--mbst-btn-pad-y: 12px;
	--mbst-btn-pad-x: 22px;
	--mbst-btn-focus-ring: 0 0 0 3px rgba(84, 173, 214, 0.38);
}
