/* =========================
   BASE (FIRST PAINT SAFE)
========================= */

html,
body {
	background-color: #ffffff !important;
}

html.theme-dark,
html.theme-dark body,
html.ui-theme-dark,
html.ui-theme-dark body {
	--ui-color: #000000;
	--app-bg: #000000;
	--ui-bg: #000000;
	background-color: #000000 !important;
	color-scheme: dark;
}

html.theme-light,
html.theme-light body,
html.ui-theme-light,
html.ui-theme-light body {
	--ui-color: #ffffff;
	--app-bg: #ffffff;
	--ui-bg: #ffffff;
	background-color: #ffffff !important;
	color-scheme: light;
}

bold,
strong,
.theme-dark,
.theme-light,
.dark-title,
.dark-text,
.dark-link,
.dark-link a,
.dark-line,
.dark-line a,
.dark-sec,
.dark-black,
.dark-button a.elementor-button,
.dark-sec-global,
.dark-sec-light,
.elementor-heading-title,
.dark-sub-title .elementor-heading-title {
    transition: none !important;
}

/* =========================
   TYPOGRAPHY (DARK MODE)
========================= */

.theme-dark .title-dark,
.theme-dark .elementor-heading-title,
.theme-dark .title-dark-btn button {
    color: #f5f5f7;
}

.theme-dark .dark-title .elementor-heading-title {
    color: #f5f5f7 !important;
}

.theme-dark .dark-sub-title .elementor-heading-title {
    color: #f5f5f799 !important;
}

/* =========================
   SECTIONS (DARK MODE)
========================= */

.theme-dark .dark-sec {
    background-color: #161616 !important;
}

.theme-dark .dark-sec-black {
    background-color: #000000 !important;
}

.theme-dark .dark-sec-global {
    background-color: #1d1d1f !important;
}

.theme-dark .dark-sec-light {
    background-color: #222224 !important;
}

.theme-dark .dark-sec-light2 {
    background-color: #303032 !important;
}

.theme-dark .dark-sec-dark {
    background-color: #111 !important;
}

/* =========================
   TEXT + UI (DARK MODE)
========================= */

.theme-dark .dark-text,
.theme-dark .dark-text .elementor-widget-container {
    color: #f5f5f7 !important;
}

.theme-dark .dark-line {
    background-color: #ffffff33 !important;
}

/* =========================
   BUTTONS (DARK MODE)
========================= */

.theme-dark .dark-button a.elementor-button {
    background-color: #f5f5f7 !important;
    color: #1d1d1f !important;
}

.theme-dark .dark-button a.elementor-button:hover {
    background-color: #ffffff !important;
    color: #000000 !important;
}

.theme-dark .dark-button a.elementor-button:active {
    background-color: #f5f5f7 !important;
    color: #1d1d1f !important;
}

/* =========================
   LINKS
========================= */

.theme-dark .dark-link a {
    color: #0099ff;
}

.dark-link a:hover {
    text-decoration: underline;
}

.dark-link a:active {
    text-decoration-color: transparent;
}