/*
 * Site color tokens — dark only.
 *
 * @package Dreamy_Signal
 */

html.ds-site {
	--ds-font-en: "Satoshi", "Segoe UI", sans-serif;
	--ds-font-fa: "Peyda", "Segoe UI", Tahoma, sans-serif;
	--ds-font-mono: "IBM Plex Mono", ui-monospace, "Segoe UI", monospace;
	--ds-font: var(--ds-font-en);
	--ds-font-weight: 500;
	--ds-font-tracking: -0.028em;
	--ds-bg: #000000;
	--ds-bg-secondary: #000000;
	--ds-text: #ffffff;
	--ds-text-muted: rgba(255, 255, 255, 0.65);
	--ds-accent: #ffffff;
	--ds-overlay-from: rgba(255, 255, 255, 0.08);
	--ds-overlay-to: rgba(0, 0, 0, 0);
	--ds-transition-duration: 700ms;
	--ds-transition-ease: cubic-bezier(0.4, 0, 0.2, 1);
	--ds-transition-spring: cubic-bezier(0.34, 1.56, 0.64, 1);

	background-color: var(--ds-bg);
	color: var(--ds-text);
	color-scheme: dark;
	font-family: var(--ds-font);
	font-weight: var(--ds-font-weight);
	letter-spacing: var(--ds-font-tracking);
}

html.ds-site[dir="rtl"] {
	--ds-font: var(--ds-font-fa);
	--ds-font-tracking: 0;
}

body.ds-site__body,
.ds-site__main {
	background-color: var(--ds-bg);
	color: var(--ds-text);
	font-family: var(--ds-font);
	font-weight: var(--ds-font-weight);
	letter-spacing: var(--ds-font-tracking);
}