/* ==========================================================================
 * Seemerce Admin UI — design tokens
 *
 * Mirrors the palette, radii and shadows in the theme's main.css so the admin
 * and the public site read as one product. Change a value here and it lands
 * everywhere: admin, block editor, toolbar, login.
 * ========================================================================== */

/* ---------- Peyda ---------- */

@font-face {
	font-family: 'RGBPeyda';
	src: url('../fonts/PeydaWeb-Regular.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'RGBPeyda';
	src: url('../fonts/PeydaWeb-Medium.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'RGBPeyda';
	src: url('../fonts/PeydaWeb-SemiBold.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'RGBPeyda';
	src: url('../fonts/PeydaWeb-Bold.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'RGBPeyda';
	src: url('../fonts/PeydaWeb-ExtraBold.woff2') format('woff2');
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'RGBPeyda';
	src: url('../fonts/PeydaWeb-Black.woff2') format('woff2');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

:root {
	/* Surfaces, darkest to lightest */
	--rgb-bg: #07090f;
	--rgb-bg-2: #0b0f18;
	--rgb-surface: #101624;
	--rgb-surface-2: #151d2e;
	--rgb-surface-3: #1b2439;
	--rgb-glass: rgba(255, 255, 255, .045);
	--rgb-glass-2: rgba(255, 255, 255, .07);

	/* Lines */
	--rgb-border: rgba(255, 255, 255, .09);
	--rgb-border-2: rgba(255, 255, 255, .14);
	--rgb-border-3: rgba(255, 255, 255, .22);

	/* Type */
	--rgb-text: #eef1f8;
	--rgb-text-2: #b6c0d4;
	--rgb-text-3: #8592ab;
	--rgb-text-4: #5f6b82;

	/* Accents */
	--rgb-red: #ff4d6a;
	--rgb-green: #2ee6a8;
	--rgb-blue: #4d9fff;
	--rgb-purple: #b06bff;
	--rgb-amber: #ffc34d;

	--rgb-red-soft: rgba(255, 77, 106, .14);
	--rgb-green-soft: rgba(46, 230, 168, .14);
	--rgb-blue-soft: rgba(77, 159, 255, .14);
	--rgb-purple-soft: rgba(176, 107, 255, .14);
	--rgb-amber-soft: rgba(255, 195, 77, .14);

	--rgb-grad: linear-gradient(120deg, #ff4d6a, #b06bff 35%, #4d9fff 68%, #2ee6a8);
	--rgb-grad-soft: linear-gradient(120deg, rgba(255, 77, 106, .16), rgba(176, 107, 255, .16) 35%, rgba(77, 159, 255, .16) 68%, rgba(46, 230, 168, .16));

	/* Radii */
	--rgb-r-xs: 8px;
	--rgb-r-sm: 12px;
	--rgb-r-md: 16px;
	--rgb-r-lg: 22px;
	--rgb-r-xl: 30px;

	/* Depth */
	--rgb-shadow: 0 18px 44px -16px rgba(0, 0, 0, .6);
	--rgb-shadow-sm: 0 6px 18px -8px rgba(0, 0, 0, .5);
	--rgb-glow: 0 8px 30px -6px rgba(77, 159, 255, .35);
	--rgb-ring: 0 0 0 3px rgba(77, 159, 255, .3);

	/* Motion */
	--rgb-fast: .16s cubic-bezier(.4, 0, .2, 1);
	--rgb-slow: .3s cubic-bezier(.4, 0, .2, 1);

	/* Type stack. Dashicons and monospace are never overridden by this. */
	--rgb-font: 'RGBPeyda', 'Vazirmatn', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
	--rgb-mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;
}

/* Respect a reduced-motion preference across every animated surface. */
@media (prefers-reduced-motion: reduce) {
	:root {
		--rgb-fast: 0s;
		--rgb-slow: 0s;
	}
}