/*=======================================================
  MIVARE WORKS — barwy marki
  site.css jest wspólny dla stron produktów (Works, Legal, Space biorą go 1:1)
  i nie ma w sobie żadnej barwy marki: wszystkie są tutaj, jako tokeny.
  Strona innego produktu ustawia te same tokeny we własnym <produkt>-brand.css.
========================================================*/
:root {
	--mivare-brand-surface-light: #F7FAFF;
	--mivare-brand-surface-dark: #123F8A;
	--mivare-border-brand: rgba(var(--mivare-brand-rgb), 0.24);
	--mivare-selection-brand: rgba(var(--mivare-brand-rgb), 0.18);
	--mivare-text-black: #111111;
	--mivare-text-white: #ffffff;
	--mivare-bg-deep: #0b0b0c;
	--bg: var(--mivare-bg-deep);
	--mivare-page-bg: #F0F6FF;
	--mivare-paper: #ffffff;
	--mivare-surface-soft: #F0F6FF;
	--mivare-surface-tone: var(--mivare-surface-soft);
	--mivare-surface-dark: #0D1118;
	--mivare-stone: #dbe6f5;
	--mivare-brown: #101724;
	--mivare-ink: #1b2230;
	--mivare-copy: #3f3f3f;
	--mivare-muted: #666666;
	--mivare-line: rgba(30, 100, 200, 0.16);
	--mivare-shadow: 0 26px 70px rgba(13, 17, 24, 0.12);
	--mivare-copper: #1551B2;
	--mivare-copper-light: #4B92F2;
	--mivare-copper-hover: #0D3474;

	/* Pasek górny */
	--mivare-topbar-border: rgba(104, 143, 222, 0.24);
	--mivare-topbar-text: rgba(225, 230, 254, 0.78);
	--mivare-topbar-text-strong: rgba(233, 236, 254, 0.82);
	--mivare-topbar-link: rgba(225, 230, 254, 0.9);
	--mivare-topbar-divider: rgba(201, 210, 252, 0.38);

	/* Nagłówek, przełącznik języka, przycisk menu */
	--mivare-naglowek-tlo: var(--mivare-brand-dark);
	--mivare-header-border: rgba(143, 187, 247, 0.22);
	--mivare-header-shadow: 0 9px 26px rgba(0, 0, 0, 0.3);
	--mivare-header-link: #ffffff;
	--mivare-header-link-active: #8FBBF7;
	--mivare-header-brand: #e0e0ed;
	--mivare-header-tagline: #DCE8FC;
	--mivare-header-cta: #8FBBF7;
	--mivare-header-cta-ink: var(--mivare-brand-dark);
	--mivare-control-active: #8FBBF7;
	--mivare-control-label: #e0e0ed;
	--mivare-control-bg: var(--mivare-brand-dark);
	--mivare-control-ink: #e0e0ed;
	--mivare-control-line-rgb: 143, 187, 247;
	--mivare-control-shade-rgb: 23, 36, 49;
	--mivare-control-border: rgba(var(--mivare-control-line-rgb), 0.42);
	--mivare-control-divider: rgba(var(--mivare-control-line-rgb), 0.3);
	--mivare-control-flag-border: rgba(var(--mivare-control-line-rgb), 0.3);
	--mivare-control-shadow: 0 6px 16px rgba(var(--mivare-control-shade-rgb), 0.08);
	--mivare-control-menu-shadow: 0 12px 28px rgba(var(--mivare-control-shade-rgb), 0.14);

	/* Tekst strony, błędy formularza, cienie */
	--mivare-body-text-rgb: 232, 233, 243;
	--mivare-error-rgb: 255, 143, 143;
	--mivare-error-text-rgb: 255, 164, 164;
	--mivare-shadow-rgb: 13, 17, 24;
	--mivare-brand-light-rgb: 131, 190, 250;

	/* Menu boczne */
	--mivare-menu-bg: #050607;
	--mivare-menu-text: #e0e0ed;
	--mivare-menu-note: rgba(224, 224, 237, 0.74);

	/* Odcienie na ciemnym tle (sekcje ciemne, baner, wezwanie, stopka) */
	--mivare-dark-base: #05070B;
	--mivare-dark-tile: #0B1119;
	--mivare-dark-shade-rgb: 4, 6, 11;
	--mivare-hero-shade-rgb: 6, 9, 14;
	--mivare-section-shade-rgb: 9, 13, 20;
	--mivare-panel-deep-rgb: 6, 10, 18;
	--mivare-panel-mid-rgb: 8, 13, 22;
	--mivare-panel-light-rgb: 9, 15, 26;
	--mivare-on-dark-ink-rgb: 239, 242, 246;
	--mivare-on-dark-soft-rgb: 226, 234, 248;
	--mivare-on-dark-copy-rgb: 214, 226, 246;
	--mivare-on-dark-line-rgb: 101, 141, 210;
	--mivare-on-dark-bright-rgb: 126, 178, 255;
	--mivare-on-dark-accent-rgb: 93, 143, 224;
	--mivare-on-dark-label-rgb: 171, 196, 240;
	--mivare-on-dark-link-rgb: 147, 180, 238;
	--mivare-on-dark-rule-rgb: 88, 130, 202;
	--mivare-on-dark-glow-rgb: 46, 104, 202;

	/* Baner */
	--mivare-hero-mark: rgba(139, 180, 245, 0.78);
	--mivare-hero-figure-glow:
		0 0 12px rgba(190, 218, 255, 0.75),
		0 0 30px rgba(110, 168, 255, 0.55),
		0 0 64px rgba(var(--mivare-on-dark-glow-rgb), 0.4);
	--mivare-hero-figure-label: rgba(228, 236, 250, 0.88);

	/* Wezwanie do działania */
	--mivare-cta-em-glow:
		0 0 18px rgba(120, 168, 255, 0.55),
		0 0 46px rgba(var(--mivare-on-dark-glow-rgb), 0.4);
	--mivare-cta-label: rgba(var(--mivare-on-dark-soft-rgb), 0.86);

	/* Stopka */
	--mivare-maska-tla: rgba(0, 0, 0, 0.8);
	--mivare-footer-shade: linear-gradient(var(--mivare-maska-tla), var(--mivare-maska-tla));
	--mivare-footer-border: rgba(57, 108, 192, 0.42);
	--mivare-footer-glow: radial-gradient(ellipse at 50% 100%, rgba(58, 122, 224, 0.26), rgba(40, 84, 160, 0.08) 45%, transparent 70%);
	--mivare-footer-frame: linear-gradient(150deg, rgba(var(--mivare-on-dark-bright-rgb), 0.92), rgba(58, 108, 190, 0.38) 45%, rgba(96, 155, 255, 0.82));
	--mivare-footer-frame-glow: rgba(52, 116, 220, 0.42);
	--mivare-footer-sygnet: rgba(122, 165, 236, 0.9);
	--mivare-footer-muted: var(--mivare-brand-bright);
	--mivare-footer-fine: rgba(198, 213, 238, 0.72);
}