/*=======================================================
  MIVARE SITES — barwy marki
  Paleta aplikacji Sites (decyzja właściciela 14.10.2026): pasek, menu i stopka #3B220A, akcenty i przyciski
  #865708, przyciski #7B4A02 (decyzja właściciela 20.10.2026), jasny akcent i tekst na ciemnym #DCB98A, ramka kontrolek #8C6A45.
  Bez jaskrawych żółci, pomarańczy i czerni. site.css nie ma w sobie żadnej barwy marki — wszystkie są tutaj,
  jako tokeny o tych samych nazwach co w <produkt>-brand.css stron Works, Legal i Space.
========================================================*/
:root {
	--mivare-brand-dark: #7B4A02;
	--mivare-brand: #865708;
	--mivare-brand-light: #DCB98A;
	--mivare-brand-light-rgb: 220, 185, 138;
	--mivare-brand-on-light: #865708;
	--mivare-brand-on-dark: #DCB98A;
	--mivare-brand-bright: #DCB98A;
	--mivare-brand-rgb: 134, 87, 8;
	--mivare-brand-surface-light: #FBF8F3;
	--mivare-brand-surface-dark: #3B220A;
	--mivare-border-brand: rgba(var(--mivare-brand-rgb), 0.24);
	--mivare-selection-brand: rgba(var(--mivare-brand-rgb), 0.18);
	--mivare-text-white: #ffffff;
	--mivare-bg-deep: #2A1807;
	--bg: var(--mivare-bg-deep);
	--mivare-page-bg: #F6F3EE;
	--mivare-paper: #ffffff;
	--mivare-surface-dark: #3B220A;
	--mivare-surface-tone: linear-gradient(122deg, #F3EEE6 0%, #FBF9F5 58%, #F5F0E8 100%);
	--mivare-stone: #E9DFD0;
	--mivare-brown: #3B220A;
	--mivare-ink: #2B1D10;
	--mivare-copy: #43392E;
	--mivare-muted: #6B5E50;
	--mivare-line: rgba(var(--mivare-brand-rgb), 0.16);
	--mivare-copper: #865708;

	/* Stany (wykresy i kafle stron funkcji) */
	--mivare-success: #2F8F5B;
	--mivare-warning: #865708;
	--mivare-error: #B8433A;

	/* Pasek górny */
	--mivare-topbar-text: rgba(244, 234, 220, 0.78);
	--mivare-topbar-text-strong: rgba(244, 234, 220, 0.86);
	--mivare-topbar-link: rgba(244, 234, 220, 0.9);
	--mivare-topbar-divider: rgba(220, 185, 138, 0.38);
	--mivare-topbar-border: rgba(220, 185, 138, 0.24);

	/* Nagłówek, przełącznik języka, przycisk menu */
	--mivare-naglowek-tlo: #3B220A;
	--mivare-header-border: rgba(220, 185, 138, 0.22);
	--mivare-header-shadow: 0 9px 26px rgba(0, 0, 0, 0.3);
	--mivare-header-link: #ffffff;
	--mivare-header-link-active: #DCB98A;
	--mivare-header-brand: #F4EADC;
	--mivare-header-tagline: #F1E3CC;
	--mivare-header-cta: #DCB98A;
	--mivare-header-cta-ink: #3B220A;
	--mivare-control-bg: #3B220A;
	--mivare-control-line-rgb: 220, 185, 138;
	--mivare-control-ink: #F4EADC;
	--mivare-control-shade-rgb: 59, 34, 10;
	--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);
	--mivare-control-active: #DCB98A;
	--mivare-control-label: #F4EADC;

	/* Tekst strony, błędy formularza, cienie */
	--mivare-body-text-rgb: 244, 236, 226;
	--mivare-error-rgb: 255, 143, 143;
	--mivare-error-text-rgb: 255, 164, 164;
	--mivare-shadow-rgb: 59, 34, 10;
	--mivare-on-dark-accent-rgb: 220, 185, 138;
	--mivare-on-dark-glow-rgb: 134, 87, 8;
	--mivare-footer-frame-glow: rgba(134, 87, 8, 0.34);

	/* Menu boczne */
	--mivare-menu-bg: #3B220A;
	--mivare-menu-text: #F4EADC;
	--mivare-menu-note: rgba(244, 234, 220, 0.74);

	/* Odcienie na ciemnym tle (sekcje ciemne, baner, wezwanie, stopka) — jeden brąz, bez czerni */
	--mivare-dark-base: #3B220A;
	--mivare-dark-tile: #4A2D10;
	--mivare-dark-shade-rgb: 59, 34, 10;
	--mivare-hero-shade-rgb: 59, 34, 10;
	--mivare-section-shade-rgb: 59, 34, 10;
	--mivare-panel-deep-rgb: 59, 34, 10;
	--mivare-panel-mid-rgb: 66, 39, 12;
	--mivare-panel-light-rgb: 74, 45, 15;
	--mivare-on-dark-ink-rgb: 248, 242, 233;
	--mivare-on-dark-soft-rgb: 244, 234, 220;
	--mivare-on-dark-copy-rgb: 236, 224, 206;
	--mivare-on-dark-line-rgb: 220, 185, 138;
	--mivare-on-dark-bright-rgb: 220, 185, 138;
	--mivare-on-dark-label-rgb: 232, 212, 184;
	--mivare-on-dark-link-rgb: 220, 185, 138;
	--mivare-on-dark-rule-rgb: 140, 106, 69;

	/* Baner */
	--mivare-hero-mark: rgba(220, 185, 138, 0.78);
	--mivare-hero-figure-glow:
		0 0 12px rgba(236, 214, 180, 0.6),
		0 0 30px rgba(220, 185, 138, 0.45),
		0 0 64px rgba(var(--mivare-brand-rgb), 0.4);
	--mivare-hero-figure-label: rgba(244, 234, 220, 0.88);

	/* Wezwanie do działania */
	--mivare-cta-em-glow:
		0 0 18px rgba(220, 185, 138, 0.5),
		0 0 46px rgba(var(--mivare-brand-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(140, 106, 69, 0.42);
	--mivare-footer-glow: radial-gradient(ellipse at 50% 100%, rgba(var(--mivare-brand-rgb), 0.26), rgba(var(--mivare-brand-rgb), 0.08) 45%, transparent 70%);
	--mivare-footer-frame: linear-gradient(150deg, rgba(220, 185, 138, 0.92), rgba(140, 106, 69, 0.38) 45%, rgba(220, 185, 138, 0.82));
	--mivare-footer-sygnet: rgba(220, 185, 138, 0.9);
	--mivare-footer-muted: rgba(220, 185, 138, 0.9);
	--mivare-footer-fine: rgba(236, 224, 206, 0.72);
}