/**
 * Default Skin — ThemeFlex
 * Signature orange/teal branding.
 *
 * @package Starter_Flavor
 */

:root {
	/* ── Core palette ── */
	--sf-color-primary:       #FF5E2E;
	--sf-color-primary-dark:  #e54b1e;
	--sf-color-primary-light: #ff7a52;
	--sf-color-secondary:     #1F242E;
	--sf-color-accent:        #00D4FF;
	--sf-color-accent-light:  #33ddff;

	/* ── Front-page bridge (used by front-page.css via var() cascade) ── */
	--sf-gradient:      linear-gradient(135deg, #FF5E2E 0%, #FF8C42 100%);
	--sf-gradient-soft: linear-gradient(135deg, rgba(255,94,46,0.1) 0%, rgba(0,212,255,0.1) 100%);
}

.sf-scroll-progress {
	background: linear-gradient(90deg, #FF5E2E, #00D4FF) !important;
}

#back-to-top,
.sf-back-to-top {
	background: linear-gradient(135deg, #FF5E2E, #00D4FF) !important;
}