/* 9bloko.ru — Design Tokens (light + dark) */

:root {
	--bg: #FBFBFD;
	--surface: #EFEFF2;
	--surface-2: #F7F7FA;
	--border: rgba(0, 0, 0, 0.10);
	--border-strong: rgba(0, 0, 0, 0.16);
	--text: #1D1D1F;
	--text-secondary: #6E6E73;
	--text-tertiary: #86868B;

	--accent: #0071E3;
	--accent-hover: #0077ED;
	--accent-soft: rgba(0, 113, 227, 0.08);
	--accent-glow: rgba(0, 113, 227, 0.18);

	--success: #30D158;
	--warning: #FF9F0A;
	--danger: #FF3B30;

	--rumor-bg: #0B0B0D;
	--rumor-surface: #1A1A1C;
	--rumor-text: #F5F5F7;
	--rumor-secondary: #98989D;

	--r-card: 16px;
	--r-btn: 12px;
	--r-input: 12px;
	--r-pill: 999px;

	--s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px;
	--s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 64px; --s-9: 96px;

	--sh-1: 0 1px 2px rgba(0,0,0,0.04), 0 1px 3px rgba(0,0,0,0.04);
	--sh-2: 0 4px 12px rgba(0,0,0,0.06), 0 2px 4px rgba(0,0,0,0.04);
	--sh-3: 0 12px 32px rgba(0,0,0,0.08), 0 4px 8px rgba(0,0,0,0.04);
	--sh-glow: 0 0 0 1px rgba(0,113,227,0.4), 0 8px 32px rgba(0,113,227,0.18);

	--font-display: "Inter Tight", -apple-system, BlinkMacSystemFont, "SF Pro Display", system-ui, sans-serif;
	--font-text: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;
	--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;
}

[data-theme="dark"] {
	--bg: #000000;
	--surface: #1C1C1E;
	--surface-2: #131315;
	--border: rgba(255,255,255,0.10);
	--border-strong: rgba(255,255,255,0.18);
	--text: #F5F5F7;
	--text-secondary: #98989D;
	--text-tertiary: #6E6E73;
	--accent: #0A84FF;
	--accent-hover: #2C9BFF;
	--accent-soft: rgba(10,132,255,0.14);
	--accent-glow: rgba(10,132,255,0.32);
	--sh-1: 0 1px 2px rgba(0,0,0,0.4);
	--sh-2: 0 4px 12px rgba(0,0,0,0.5);
	--sh-3: 0 12px 32px rgba(0,0,0,0.6);
	--sh-glow: 0 0 0 1px rgba(10,132,255,0.5), 0 8px 32px rgba(10,132,255,0.28);
}