/* =============================================================
   Тема «Триумф». Взята с боевой темы: холодный серо-голубой фон
   и глубокий синий в акценте. Заголовки — с засечками: для
   загородного отеля это уместно, для IT-продукта было бы нет.
   ============================================================= */

[data-brand="triumf"] {
	--font-ui: 'Onest', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
	--font-display: 'Spectral', Georgia, 'Times New Roman', serif;

	--bg: #eceef2;
	--bg2: #dfe3ec;
	--surface: #f9fafc;
	--surface2: #dee2ea;

	--ink: #1a1e2a;
	--ink2: #414759;
	--ink3: #5d6374;

	--line: #d4d9e3;
	--line2: #b9c0cf;

	--brand: #2a3350;
	--brand2: #4a5a86;
	--brand-ink: #ffffff;
	--brand-soft: #dde2ee;
	--brand-line: #b7c0d6;

	--pos: #1c7355;
	--pos-soft: #d8ebe4;
	--warn: #b8712f;
	--warn-soft: #efe1d1;
	--neg: #9e3b32;

	--sh-1: 0 1px 2px rgba(26, 30, 42, .06), 0 8px 20px -14px rgba(26, 30, 42, .18);
	--sh-2: 0 2px 6px rgba(26, 30, 42, .07), 0 20px 44px -24px rgba(26, 30, 42, .2);
	--sh-3: 0 4px 12px rgba(26, 30, 42, .08), 0 40px 80px -36px rgba(26, 30, 42, .24);
}

[data-brand="triumf"][data-theme="dark"] {
	--bg: #161a24;
	--bg2: #1b2029;
	--surface: #202634;
	--surface2: #29303f;

	--ink: #e9ecf3;
	--ink2: #a4abbb;
	--ink3: #9199aa;

	--line: #2f3646;
	--line2: #3f4859;

	--brand: #92a4d8;
	--brand2: #7f92c9;
	--brand-ink: #101420;
	--brand-soft: #232b40;
	--brand-line: #364260;

	--pos: #4fbe93;
	--pos-soft: #1b3129;
	--warn: #d99a5e;
	--warn-soft: #31261a;
	--neg: #d9837a;

	--sh-1: 0 1px 2px rgba(0, 0, 0, .28), 0 8px 20px -14px rgba(0, 0, 0, .5);
	--sh-2: 0 2px 6px rgba(0, 0, 0, .32), 0 20px 44px -24px rgba(0, 0, 0, .55);
	--sh-3: 0 4px 12px rgba(0, 0, 0, .34), 0 40px 80px -36px rgba(0, 0, 0, .6);
}