/*
 * YekVest Design System Refinement 1.6.3
 * Cool violet/blue palette, no gold, complete dark surfaces.
 */

:root {
	--yv-brand-primary: #2554E8;
	--yv-brand-secondary: #2554E8;
	--yv-light-page: #F1F3F7;
	--yv-light-surface: #ffffff;
	--yv-light-soft: #F1F3F7;
	--yv-light-cool: #F1F3F7;
	--yv-light-border: #DCE0E8;
	--yv-light-text: #101c2f;
	--yv-light-muted: #6B7280;

	/*
	 * UI Refresh Pro still exposes a historical variable named "gold".
	 * It is intentionally mapped to the primary violet; no gold is used.
	 */
	--yui-gold: var(--yui-accent, var(--yv-brand-primary)) !important;
	--yui-warm-bg: var(--yv-light-cool) !important;
}

/* Shared brand accents ------------------------------------------------ */
body .yk-eyebrow,
body.home .yui-section-heading .yk-eyebrow,
body:not(.home) .yui-internal-section-heading .yk-eyebrow,
body.yekvest-contact-static .eyebrow {
	color: var(--yui-accent, var(--yv-brand-primary)) !important;
}

body.home.yui-refresh-enabled {
	background:
		radial-gradient(
			circle at 7% 8%,
			rgba(99, 91, 255, .08),
			transparent 28rem
		),
		radial-gradient(
			circle at 92% 26%,
			rgba(47, 174, 255, .07),
			transparent 30rem
		),
		var(--yui-page-bg, var(--yv-light-page));
}

/* Homepage: remove all warm/gold treatments -------------------------- */
body.home.yui-refresh-enabled .yui-section-hero {
	background:
		radial-gradient(
			circle at 15% 25%,
			rgba(99, 91, 255, .25),
			transparent 28rem
		),
		radial-gradient(
			circle at 92% 14%,
			rgba(47, 174, 255, .17),
			transparent 22rem
		),
		linear-gradient(
			135deg,
			var(--yui-navy-alt, #141A28),
			var(--yui-navy, #071d33) 64%
		) !important;
}

body.home.yui-refresh-enabled .yui-section-hero h1 span,
body.home.yui-refresh-enabled .yui-section-metrics .yv-metric strong {
	color: var(--yui-accent, var(--yv-brand-primary)) !important;
}

body.home .yui-feature-card__icon,
body.home .yui-trust-strip article > .yui-icon-box {
	border-color: rgba(99, 91, 255, .18) !important;
	background:
		linear-gradient(
			145deg,
			rgba(99, 91, 255, .13),
			rgba(47, 174, 255, .08)
		) !important;
	color: var(--yui-navy-alt, #141A28) !important;
}

body.home.yui-refresh-enabled
.yui-section-metrics
.yv-metric::before {
	border-color: rgba(99, 91, 255, .24) !important;
	background-color: rgba(99, 91, 255, .09) !important;
	box-shadow: 0 8px 20px rgba(99, 91, 255, .1) !important;
}

body.home .yui-process {
	background:
		radial-gradient(
			circle at 12% 18%,
			rgba(99, 91, 255, .09),
			transparent 28rem
		),
		linear-gradient(
			180deg,
			#F1F3F7,
			var(--yui-soft-bg, var(--yv-light-soft))
		) !important;
}

body.home .yui-social-proof__grid {
	background:
		radial-gradient(
			circle at 90% 10%,
			rgba(99, 91, 255, .1),
			transparent 24rem
		),
		var(--yv-light-cool) !important;
}

body.home.yui-refresh-enabled .yui-section-cta a,
body.home .yui-home-footer__newsletter button {
	background: var(--yui-accent, var(--yv-brand-primary)) !important;
	color: #fff !important;
}

/* Internal pages: remove beige/brown semantic surfaces --------------- */
body:not(.home) .yui-product-security,
body:not(.home) .yui-about-story,
body:not(.home) .yui-pricing-comparison {
	background:
		linear-gradient(
			145deg,
			var(--yv-light-cool),
			var(--yui-soft-bg, var(--yv-light-soft))
		) !important;
}

body.yekvest-contact-static .process-card {
	background:
		linear-gradient(
			160deg,
			var(--yv-light-cool),
			var(--yv-light-surface)
		) !important;
}

/* Dark palette ------------------------------------------------------- */
html[data-theme="dark"] {
	--yv-dark-bg: #07111f;
	--yv-dark-surface: #0e1b2d;
	--yv-dark-elevated: #14243a;
	--yv-dark-text: #F1F3F7;
	--yv-dark-muted: #8890A0;
	--yv-dark-border: #141A28;
	--yv-dark-soft: #0a1727;
	--yv-dark-warm: #0B0F1A;
	--yv-dark-header: #0B0F1A;
	--yv-dark-accent: #3E6DF2;

	--yui-page-bg: var(--yv-dark-bg) !important;
	--yui-surface: var(--yv-dark-surface) !important;
	--yui-soft-bg: var(--yv-dark-soft) !important;
	--yui-warm-bg: var(--yv-dark-warm) !important;
	--yui-border: var(--yv-dark-border) !important;
	--yui-text: var(--yv-dark-text) !important;
	--yui-muted: var(--yv-dark-muted) !important;
	--yui-navy: #06111f !important;
	--yui-navy-alt: #102941 !important;
	--yui-accent: var(--yv-dark-accent) !important;
	--yui-gold: var(--yv-dark-accent) !important;
}

html[data-theme="dark"] body {
	background: var(--yv-dark-bg) !important;
	color: var(--yv-dark-text);
}

html[data-theme="dark"]
body.home.yui-refresh-enabled {
	background:
		radial-gradient(
			circle at 8% 8%,
			rgba(124, 114, 255, .12),
			transparent 30rem
		),
		radial-gradient(
			circle at 92% 24%,
			rgba(47, 174, 255, .07),
			transparent 30rem
		),
		var(--yv-dark-bg) !important;
}

html[data-theme="dark"]
body.home.yui-refresh-enabled
.yk-header-inner {
	border-color: rgba(155, 174, 196, .14) !important;
	background: rgba(7, 20, 33, .93) !important;
	box-shadow: 0 16px 42px rgba(0, 0, 0, .24) !important;
}

html[data-theme="dark"]
body.home.yui-refresh-enabled
.yui-section-hero {
	border-color: rgba(155, 174, 196, .14) !important;
	background:
		radial-gradient(
			circle at 15% 25%,
			rgba(124, 114, 255, .24),
			transparent 28rem
		),
		radial-gradient(
			circle at 92% 14%,
			rgba(47, 174, 255, .13),
			transparent 22rem
		),
		linear-gradient(
			135deg,
			#122741,
			#071522 64%
		) !important;
	box-shadow: 0 34px 90px rgba(0, 0, 0, .34) !important;
}

html[data-theme="dark"]
body.home
.yui-trust-strip__items {
	border-color: var(--yv-dark-border) !important;
	background: var(--yv-dark-border) !important;
	box-shadow: 0 20px 54px rgba(0, 0, 0, .22) !important;
}

html[data-theme="dark"]
body.home
.yui-trust-strip article,
html[data-theme="dark"]
body.home.yui-refresh-enabled
.yui-section-metrics .yv-metric,
html[data-theme="dark"]
body.home
.yui-feature-card,
html[data-theme="dark"]
body.home
.yui-feature-section .yv-feature-grid > article {
	border-color: var(--yv-dark-border) !important;
	background: var(--yv-dark-surface) !important;
	color: var(--yv-dark-text) !important;
	box-shadow: 0 20px 56px rgba(0, 0, 0, .2) !important;
}

html[data-theme="dark"]
body.home
.yui-trust-strip article:hover,
html[data-theme="dark"]
body.home
.yui-feature-card:hover,
html[data-theme="dark"]
body.home
.yui-feature-section .yv-feature-grid > article:hover {
	background: var(--yv-dark-elevated) !important;
}

html[data-theme="dark"]
body.home
.yui-feature-card__icon,
html[data-theme="dark"]
body.home
.yui-trust-strip article > .yui-icon-box,
html[data-theme="dark"]
body.home.yui-refresh-enabled
.yui-section-metrics .yv-metric::before {
	border-color: rgba(124, 114, 255, .24) !important;
	background:
		linear-gradient(
			145deg,
			rgba(124, 114, 255, .17),
			rgba(47, 174, 255, .08)
		) !important;
	color: #DCE0E8 !important;
}

html[data-theme="dark"]
body.home
.yui-process {
	background:
		radial-gradient(
			circle at 12% 18%,
			rgba(124, 114, 255, .1),
			transparent 28rem
		),
		linear-gradient(
			180deg,
			#0b192b,
			var(--yv-dark-soft)
		) !important;
}

html[data-theme="dark"]
body.home
.yui-process::before {
	background-image:
		linear-gradient(
			rgba(155, 174, 196, .035) 1px,
			transparent 1px
		),
		linear-gradient(
			90deg,
			rgba(155, 174, 196, .035) 1px,
			transparent 1px
		) !important;
}

html[data-theme="dark"]
body.home
.yui-process article {
	border-color: var(--yv-dark-border) !important;
	background: rgba(14, 27, 45, .9) !important;
	color: var(--yv-dark-text) !important;
	box-shadow: 0 20px 54px rgba(0, 0, 0, .2) !important;
}

html[data-theme="dark"]
body.home
.yui-process__number {
	color: rgba(156, 174, 196, .18) !important;
}

html[data-theme="dark"]
body.home
.yui-social-proof__grid {
	border-color: var(--yv-dark-border) !important;
	background:
		radial-gradient(
			circle at 90% 10%,
			rgba(124, 114, 255, .11),
			transparent 24rem
		),
		var(--yv-dark-surface) !important;
	box-shadow: 0 24px 70px rgba(0, 0, 0, .23) !important;
}

html[data-theme="dark"]
body.home
.yui-social-proof__points article {
	border-color: var(--yv-dark-border) !important;
	background: var(--yv-dark-elevated) !important;
}

html[data-theme="dark"]
body.home
.yui-social-proof__points article:hover {
	background: #182a42 !important;
}

html[data-theme="dark"]
body.home.yui-refresh-enabled
.yui-section-cta {
	border-color: var(--yv-dark-border) !important;
	background:
		linear-gradient(
			135deg,
			#0e1d31,
			#152946
		) !important;
}

/* Dark internal pages */
html[data-theme="dark"]
body:not(.home)
.yui-internal-hero,
html[data-theme="dark"]
body:not(.home)
.yui-pricing-card,
html[data-theme="dark"]
body:not(.home)
.yui-article-card,
html[data-theme="dark"]
body:not(.home)
.yui-report-card,
html[data-theme="dark"]
body:not(.home)
.yui-featured-article,
html[data-theme="dark"]
body:not(.home)
.yui-featured-report,
html[data-theme="dark"]
body:not(.home)
.yui-product-features__grid article,
html[data-theme="dark"]
body:not(.home)
.yui-product-process__grid article,
html[data-theme="dark"]
body:not(.home)
.yui-internal-faq details,
html[data-theme="dark"]
body:not(.home)
.yui-empty-state {
	border-color: var(--yv-dark-border) !important;
	background: var(--yv-dark-surface) !important;
	color: var(--yv-dark-text) !important;
	box-shadow: 0 20px 58px rgba(0, 0, 0, .19) !important;
}

html[data-theme="dark"]
body:not(.home)
.yui-internal-hero {
	background:
		radial-gradient(
			circle at 10% 10%,
			rgba(124, 114, 255, .14),
			transparent 28rem
		),
		var(--yv-dark-surface) !important;
}

html[data-theme="dark"]
body:not(.home)
.yui-pricing-comparison,
html[data-theme="dark"]
body:not(.home)
.yui-product-showcase,
html[data-theme="dark"]
body:not(.home)
.yui-product-process,
html[data-theme="dark"]
body:not(.home)
.yui-product-security,
html[data-theme="dark"]
body:not(.home)
.yui-about-story {
	background:
		linear-gradient(
			145deg,
			#101b34,
			var(--yv-dark-soft)
		) !important;
}

html[data-theme="dark"]
body:not(.home)
.yui-comparison-grid article,
html[data-theme="dark"]
body:not(.home)
.yui-product-security__points article {
	border-color: var(--yv-dark-border) !important;
	background: var(--yv-dark-elevated) !important;
	color: var(--yv-dark-text) !important;
}

html[data-theme="dark"]
body:not(.home)
.yui-pricing-card:not(.is-featured)
.yk-button--ghost {
	border-color: var(--yv-dark-border) !important;
	background: var(--yv-dark-elevated) !important;
	color: var(--yv-dark-text) !important;
}

html[data-theme="dark"]
body:not(.home)
.yui-pricing-card:not(.is-featured)
.yk-button--ghost:hover {
	border-color: var(--yv-dark-accent) !important;
	background: var(--yv-dark-accent) !important;
	color: #fff !important;
}

html[data-theme="dark"]
body:not(.home)
.yui-pricing-card.is-featured {
	border-color: rgba(124, 114, 255, .5) !important;
	background:
		radial-gradient(
			circle at 90% 0,
			rgba(124, 114, 255, .14),
			transparent 17rem
		),
		#111d36 !important;
}

html[data-theme="dark"]
body:not(.home)
.yui-internal-cta {
	border-color: var(--yv-dark-border) !important;
	background:
		linear-gradient(
			135deg,
			#0d1d31,
			#152a47
		) !important;
}

/* Static Contact follows the exact same dark surfaces ---------------- */
html[data-theme="dark"]
body.yekvest-contact-static
.hero-card,
html[data-theme="dark"]
body.yekvest-contact-static
.channel-card,
html[data-theme="dark"]
body.yekvest-contact-static
.form-card,
html[data-theme="dark"]
body.yekvest-contact-static
.process-card,
html[data-theme="dark"]
body.yekvest-contact-static
.faq-card {
	border-color: var(--yv-dark-border) !important;
	background: var(--yv-dark-surface) !important;
	color: var(--yv-dark-text) !important;
	box-shadow: 0 20px 58px rgba(0, 0, 0, .2) !important;
}

html[data-theme="dark"]
body.yekvest-contact-static
.process-card {
	background:
		linear-gradient(
			160deg,
			#0B0F1A,
			var(--yv-dark-surface)
		) !important;
}

html[data-theme="dark"]
body.yekvest-contact-static
.process-step,
html[data-theme="dark"]
body.yekvest-contact-static
.channel-index {
	border-color: var(--yv-dark-border) !important;
	background: var(--yv-dark-elevated) !important;
	color: var(--yv-dark-text) !important;
}


/* Dark metric icons --------------------------------------------------
 * The previous dark rule used the background shorthand, which reset the
 * pseudo-element's data-URI background-image to none. Each icon is now
 * explicitly restored with a light stroke and a dark-compatible surface.
 */
html[data-theme="dark"]
body.home.yui-refresh-enabled
.yui-section-metrics
.yv-metric::before {
	background-color: rgba(124, 114, 255, .13) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 21px 21px !important;
}

html[data-theme="dark"]
body.home.yui-refresh-enabled
.yui-section-metrics
.yv-metric:nth-child(1)::before {
	background-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23dbe7f4' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 20v-1.6c0-2-1.8-3.6-4-3.6H7c-2.2 0-4 1.6-4 3.6V20'/%3E%3Ccircle cx='9.5' cy='7.4' r='3.4'/%3E%3Cpath d='M16.4 11.2a3.2 3.2 0 0 0 0-6.2M21 20v-1.5c0-1.8-1.3-3.3-3.1-3.6'/%3E%3C/svg%3E") !important;
}

html[data-theme="dark"]
body.home.yui-refresh-enabled
.yui-section-metrics
.yv-metric:nth-child(2)::before {
	background-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23dbe7f4' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8.3 9.4h.01M15.7 9.4h.01M8.5 14.2c1 1.4 2.1 2 3.5 2s2.5-.6 3.5-2'/%3E%3C/svg%3E") !important;
}

html[data-theme="dark"]
body.home.yui-refresh-enabled
.yui-section-metrics
.yv-metric:nth-child(3)::before {
	background-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23dbe7f4' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3.5h8l4 4V20H6z'/%3E%3Cpath d='M14 3.5V8h4M9 16v-3M12 16v-6M15 16v-4'/%3E%3C/svg%3E") !important;
}

html[data-theme="dark"]
body.home.yui-refresh-enabled
.yui-section-metrics
.yv-metric span {
	color: var(--yv-dark-muted) !important;
}


/* Semantic metric icons ---------------------------------------------
 * Server and JavaScript add these classes, so SVG loading no longer
 * depends on direct-child/nth-child structure.
 */
body.home.yui-refresh-enabled
.yui-section-metrics
.yv-metric--investors::before {
	background-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230d3150' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 20v-1.6c0-2-1.8-3.6-4-3.6H7c-2.2 0-4 1.6-4 3.6V20'/%3E%3Ccircle cx='9.5' cy='7.4' r='3.4'/%3E%3Cpath d='M16.4 11.2a3.2 3.2 0 0 0 0-6.2M21 20v-1.5c0-1.8-1.3-3.3-3.1-3.6'/%3E%3C/svg%3E") !important;
}

body.home.yui-refresh-enabled
.yui-section-metrics
.yv-metric--satisfaction::before {
	background-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230d3150' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8.3 9.4h.01M15.7 9.4h.01M8.5 14.2c1 1.4 2.1 2 3.5 2s2.5-.6 3.5-2'/%3E%3C/svg%3E") !important;
}

body.home.yui-refresh-enabled
.yui-section-metrics
.yv-metric--reports::before {
	background-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230d3150' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3.5h8l4 4V20H6z'/%3E%3Cpath d='M14 3.5V8h4M9 16v-3M12 16v-6M15 16v-4'/%3E%3C/svg%3E") !important;
}

html[data-theme="dark"]
body.home.yui-refresh-enabled
.yui-section-metrics
.yv-metric--investors::before {
	background-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23dbe7f4' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 20v-1.6c0-2-1.8-3.6-4-3.6H7c-2.2 0-4 1.6-4 3.6V20'/%3E%3Ccircle cx='9.5' cy='7.4' r='3.4'/%3E%3Cpath d='M16.4 11.2a3.2 3.2 0 0 0 0-6.2M21 20v-1.5c0-1.8-1.3-3.3-3.1-3.6'/%3E%3C/svg%3E") !important;
}

html[data-theme="dark"]
body.home.yui-refresh-enabled
.yui-section-metrics
.yv-metric--satisfaction::before {
	background-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23dbe7f4' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8.3 9.4h.01M15.7 9.4h.01M8.5 14.2c1 1.4 2.1 2 3.5 2s2.5-.6 3.5-2'/%3E%3C/svg%3E") !important;
}

html[data-theme="dark"]
body.home.yui-refresh-enabled
.yui-section-metrics
.yv-metric--reports::before {
	background-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23dbe7f4' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3.5h8l4 4V20H6z'/%3E%3Cpath d='M14 3.5V8h4M9 16v-3M12 16v-6M15 16v-4'/%3E%3C/svg%3E") !important;
}

body.home
.yui-section-metrics
.yekvest-persian-metric {
	direction: rtl;
	unicode-bidi: isolate;
	font-variant-numeric: normal;
	font-feature-settings: "lnum" 0, "tnum" 0;
}
