/* Дизайн-токены. Палитра — со страницы теста stest1 (/home/www/stest1.siastro.com/dev/scss/pages/result.scss),
   решение 2026-10-13. Сырые цвета — только здесь; в остальных стилях — var(--…) (проверяет CssTokensTest). */
:root {
	color-scheme: dark;

	--color-bg: #0e0729;
	--color-bg-raised: #1a1530;
	--color-backdrop: rgba(14, 7, 41, 0.85);
	--color-surface: rgba(255, 255, 255, 0.04);
	--color-surface-2: rgba(255, 255, 255, 0.06);

	--color-primary: #534ab7;
	--color-primary-dark: #3c3489;
	--color-primary-soft: #7f77dd;
	--color-primary-tint: rgba(83, 74, 183, 0.1);
	--color-accent: #1d9e75;
	--color-accent-tint: rgba(29, 158, 117, 0.08);
	--color-accent-border: rgba(29, 158, 117, 0.25);

	--color-text: #ffffff;
	--color-text-muted: #9ca3af;
	--color-text-faint: #6b7280;

	--color-border: rgba(83, 74, 183, 0.15);
	--color-border-strong: rgba(83, 74, 183, 0.4);
	--color-border-input: rgba(255, 255, 255, 0.1);

	--color-danger: #f87171;
	--color-warning: #f59e0b;
	--color-heart: #e25766;
	/* Шкала K страницы результата (stest1): ≤ 100 … > 400 */
	--color-verdict-1: #9ca3af;
	--color-verdict-2: #7f77dd;
	--color-verdict-3: #534ab7;
	--color-verdict-4: #1d9e75;
	--color-verdict-5: #f59e0b;
	/* Жёлтая «Играть» на главной — согласованное исключение */
	--color-promo: #ffcc00;
	--color-promo-text: #0e0729;

	--color-gpt-accent: #f4c200;
	--color-gpt-accent-text: #000000;
	--color-headline-1: #c8eaff;
	--color-headline-2: #44aaff;
	--color-headline-3: #aa33ff;

	--gradient-primary: linear-gradient(135deg, #3c3489, #534ab7);
	--gradient-number: linear-gradient(135deg, #7f77dd, #1d9e75);
	--gradient-nav: linear-gradient(180deg, #1a1530, #0e0729);
	--gradient-shade: linear-gradient(180deg, transparent, rgba(14, 7, 41, 0.85));
	--glow-page:
		radial-gradient(ellipse at 20% 20%, rgba(83, 74, 183, 0.18) 0, transparent 60%),
		radial-gradient(ellipse at 80% 80%, rgba(29, 158, 117, 0.1) 0, transparent 55%),
		radial-gradient(ellipse at 60% 10%, rgba(127, 119, 221, 0.12) 0, transparent 40%);

	--shadow-primary: 0 4px 20px rgba(83, 74, 183, 0.3);
	--shadow-nav: 0 -8px 24px rgba(0, 0, 0, 0.35);

	--font-base: 'Roboto', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--font-heading: 'Roboto', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--font-size-2xs: 10px;
	--font-size-xs: 12px;
	--font-size-s: 13px;
	--font-size-m: 14px;
	--font-size-l: 17px;
	--font-size-xl: 22px;
	--font-size-2xl: 30px;

	--space-1: 4px;
	--space-2: 8px;
	--space-3: 12px;
	--space-4: 16px;
	--space-5: 20px;
	--space-6: 24px;
	--space-8: 32px;

	--radius-s: 8px;
	--radius-m: 14px;
	--radius-pill: 999px;

	--header-h: 56px;
	--bottom-nav-h: 64px;
	--content-max: 900px; /* как на старой версии */

	/* Анкета в старом дизайне (решение 2026-10-16): четыре кнопки на фото и экран пары — цвета старого siastro */
	--anketa-sexy: #ff1493;
	--anketa-sexy-border: #342662;
	--anketa-start: #51b500;
	--anketa-start-border: #00dd00;
	--anketa-pink: #ff2fc3;
	--anketa-purple: #6b45b5;
	--anketa-photo-border: #ff6bda;
	--anketa-gradient-from: #693cee;
	--anketa-gradient-to: #a742c4;
	--anketa-dark-from: #362951;
	--anketa-dark-to: #1d1736;
	--anketa-dot: #383745;
	--anketa-couple-ring: #301553;
	--anketa-bar-fade: rgba(0, 0, 0, 0.9);
	--anketa-bar-clear: rgba(255, 255, 255, 0);
	--anketa-photo-btn: rgba(0, 0, 0, 0.55);
	--anketa-heart-from: #ff6b8a;
	--anketa-heart-to: #d81b60;
	--anketa-heart-ring: #ffb3c6;
	--anketa-heart-glow: rgba(216, 27, 96, 0.5);
	--anketa-coin-shadow: rgba(0, 0, 0, 0.7);
	--anketa-chart-bar: #5e5c60;
}