:root {
  --navbar-solid-bg: #f2f2f2;
  --navbar-main-link-color: #1f2937;
}

body {
  position: relative;
  isolation: isolate;
  background: transparent;
}

body::before,
body::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
}

/* tema padrão silver */
body::before {
  z-index: -2;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 1;
  background:
    radial-gradient(1200px 800px at 10% 10%, rgba(226, 226, 226, 0.92), rgba(0,0,0,0) 60%),
    radial-gradient(1000px 700px at 90% 20%, rgba(223, 223, 223, 0.75), rgba(0,0,0,0) 55%),
    radial-gradient(900px 600px at 50% 95%, rgba(255, 255, 255, 0.96), rgba(0,0,0,0) 60%),
    linear-gradient(180deg, #f4f4f5 0%, #e8e8e8 100%);
}

body::after {
  z-index: -1;
  opacity: 0;
}

body.dark::before {
  background:
    radial-gradient(1200px 800px at 10% 10%, rgba(6, 11, 21, 0.52), rgba(0,0,0,0) 60%),
    radial-gradient(1000px 700px at 90% 20%, rgba(0, 0, 0, 0.42), rgba(0,0,0,0) 55%),
    radial-gradient(900px 600px at 50% 95%, rgba(3, 9, 25, 0.74), rgba(0,0,0,0) 60%),
    linear-gradient(180deg, #000000 0%, #02050c 100%);
}

body.theme-sakura {
  --navbar-solid-bg: #f6d6de;
  --navbar-main-link-color: #4b2f37;
}

body.theme-yellow-cream {
  --navbar-solid-bg: #f6e8b8;
  --navbar-main-link-color: #4b4022;
}

body.theme-powder-blue {
  --navbar-solid-bg: #d5e7f5;
  --navbar-main-link-color: #29415f;
}

body.theme-apricot-dawn {
  --navbar-solid-bg: #f3d4bf;
  --navbar-main-link-color: #5b3f2d;
}

body.theme-mint-veil {
  --navbar-solid-bg: #d7eadc;
  --navbar-main-link-color: #284a36;
}

body.theme-lilac-cloud {
  --navbar-solid-bg: #e4dcf2;
  --navbar-main-link-color: #43385d;
}

body.theme-silver-blaze {
  --navbar-solid-bg: linear-gradient(90deg, #ffffff 0%, #e5e7eb 100%);
  --navbar-main-link-color: #2a2326;
}

body.theme-vivid-red {
  --navbar-solid-bg: #581112;
  --navbar-main-link-color: #f8f2f2;
}

body.theme-matrix-green {
  --navbar-solid-bg: #062312;
  --navbar-main-link-color: #eafbef;
}

body.theme-cobalt-blue {
  --navbar-solid-bg: #0c00ff;
  --navbar-main-link-color: #f3f5ff;
}

body.theme-royal {
  --navbar-solid-bg: #123a8f;
  --navbar-main-link-color: #f5f8ff;
}

body.theme-royal.dark,
body.dark.theme-royal {
  --navbar-solid-bg: linear-gradient(90deg, #051436 0%, #010919 100%);
  --navbar-main-link-color: #f5f8ff;
}

body.theme-vivid-red.dark,
body.dark.theme-vivid-red {
  --navbar-solid-bg: linear-gradient(90deg, #320505 0%, #120103 100%);
  --navbar-main-link-color: #f8f2f2;
}

body.theme-matrix-green.dark,
body.dark.theme-matrix-green {
  --navbar-solid-bg: linear-gradient(90deg, #03160a 0%, #010904 100%);
  --navbar-main-link-color: #eafbef;
}

body.theme-cobalt-blue.dark,
body.dark.theme-cobalt-blue {
  --navbar-solid-bg: linear-gradient(90deg, #080072 0%, #020025 100%);
  --navbar-main-link-color: #f3f5ff;
}

body.dark {
  --navbar-solid-bg: linear-gradient(90deg, #040508 0%, #090a0f 100%);
  --navbar-main-link-color: #f5f5f5;
}

/* Botões "Anterior/Próxima" da cotação não devem herdar texto claro no dark
   nem qualquer variação de cor no tema royal. */
body.dark #prevQuoteBtn,
body.dark #nextQuoteBtn,
body.dark #prevQuoteBtn:hover,
body.dark #nextQuoteBtn:hover,
body.dark #prevQuoteBtn:focus,
body.dark #nextQuoteBtn:focus,
body.theme-royal #prevQuoteBtn,
body.theme-royal #nextQuoteBtn,
body.theme-royal #prevQuoteBtn:hover,
body.theme-royal #nextQuoteBtn:hover,
body.theme-royal #prevQuoteBtn:focus,
body.theme-royal #nextQuoteBtn:focus,
body.theme-royal.dark #prevQuoteBtn,
body.theme-royal.dark #nextQuoteBtn,
body.theme-royal.dark #prevQuoteBtn:hover,
body.theme-royal.dark #nextQuoteBtn:hover,
body.theme-royal.dark #prevQuoteBtn:focus,
body.theme-royal.dark #nextQuoteBtn:focus {
  color: #111 !important;
}

/* Aplicar também para combinações específicas de theme-royal + dark */
body.theme-royal.dark .sim-panel label,
body.theme-royal.dark #simulacao-cartao label,
body.theme-royal.dark .modal #simulacao-cartao label,
body.theme-royal.dark .modal .sim-panel label {
  color: #eef6ff !important;
}

/* ---- THEMES (ui_theme) ---- */
body.theme-royal::before {
  background:
    radial-gradient(1200px 800px at 10% 10%, rgba(14, 24, 54, 0.55), rgba(0,0,0,0) 60%),
    radial-gradient(1000px 700px at 90% 20%, rgba(12, 18, 81, 0.35), rgba(0,0,0,0) 55%),
    radial-gradient(900px 600px at 50% 95%, rgba(24, 24, 62, 0.55), rgba(0,0,0,0) 60%),
    linear-gradient(180deg, #03050b 0%, #000221 100%);
}

body.theme-royal::after {
  opacity: 0 !important;
}

body.theme-sakura::before {
  background:
    radial-gradient(1200px 800px at 10% 10%, rgba(255, 149, 165, 0.75), rgba(0,0,0,0) 60%),
    radial-gradient(1000px 700px at 90% 20%, rgba(247, 179, 190, 0.55), rgba(0,0,0,0) 55%),
    radial-gradient(900px 600px at 50% 95%, rgba(246, 203, 214, 0.85), rgba(0,0,0,0) 60%),
    linear-gradient(180deg, #feebf2 0%, #fcdae5 100%);
}

body.theme-sakura::after {
  opacity: 0 !important;
}

body.theme-yellow-cream::before {
  background:
    radial-gradient(1200px 800px at 10% 10%, rgba(248, 214, 111, 0.7), rgba(0,0,0,0) 60%),
    radial-gradient(1000px 700px at 90% 20%, rgba(255, 238, 179, 0.55), rgba(0,0,0,0) 55%),
    radial-gradient(900px 600px at 50% 95%, rgba(255, 247, 214, 0.9), rgba(0,0,0,0) 60%),
    linear-gradient(180deg, #fff3c8 0%, #fff8e2 100%);
}

body.theme-yellow-cream::after {
  opacity: 0 !important;
}

body.theme-powder-blue::before {
  background:
    radial-gradient(1200px 800px at 10% 10%, rgba(144, 188, 226, 0.62), rgba(0,0,0,0) 60%),
    radial-gradient(1000px 700px at 90% 20%, rgba(196, 224, 246, 0.52), rgba(0,0,0,0) 55%),
    radial-gradient(900px 600px at 50% 95%, rgba(230, 242, 251, 0.9), rgba(0,0,0,0) 60%),
    linear-gradient(180deg, #e0f0fb 0%, #eef7fd 100%);
}

body.theme-powder-blue::after {
  opacity: 0 !important;
}

body.theme-apricot-dawn::before {
  background:
    radial-gradient(1200px 800px at 10% 10%, rgba(244, 172, 120, 0.64), rgba(0,0,0,0) 60%),
    radial-gradient(1000px 700px at 90% 20%, rgba(255, 214, 179, 0.54), rgba(0,0,0,0) 55%),
    radial-gradient(900px 600px at 50% 95%, rgba(255, 239, 224, 0.9), rgba(0,0,0,0) 60%),
    linear-gradient(180deg, #fce5d5 0%, #fff0e5 100%);
}

body.theme-apricot-dawn::after {
  opacity: 0 !important;
}

body.theme-mint-veil::before {
  background:
    radial-gradient(1200px 800px at 10% 10%, rgba(141, 203, 161, 0.58), rgba(0,0,0,0) 60%),
    radial-gradient(1000px 700px at 90% 20%, rgba(194, 233, 206, 0.5), rgba(0,0,0,0) 55%),
    radial-gradient(900px 600px at 50% 95%, rgba(232, 247, 237, 0.92), rgba(0,0,0,0) 60%),
    linear-gradient(180deg, #e1f3e7 0%, #eef8f1 100%);
}

body.theme-mint-veil::after {
  opacity: 0 !important;
}

body.theme-lilac-cloud::before {
  background:
    radial-gradient(1200px 800px at 10% 10%, rgba(183, 157, 225, 0.58), rgba(0,0,0,0) 60%),
    radial-gradient(1000px 700px at 90% 20%, rgba(221, 205, 243, 0.5), rgba(0,0,0,0) 55%),
    radial-gradient(900px 600px at 50% 95%, rgba(244, 238, 252, 0.92), rgba(0,0,0,0) 60%),
    linear-gradient(180deg, #ece3fa 0%, #f5effd 100%);
}

body.theme-lilac-cloud::after {
  opacity: 0 !important;
}

body.theme-silver-blaze::before {
  background:
    radial-gradient(1250px 860px at 14% 18%, rgba(255, 156, 46, 0.9), rgba(0,0,0,0) 56%),
    radial-gradient(980px 760px at 28% 22%, rgba(255, 220, 98, 0.78), rgba(0,0,0,0) 52%),
    radial-gradient(1180px 820px at 84% 24%, rgba(255, 91, 76, 0.84), rgba(0,0,0,0) 55%),
    radial-gradient(1000px 740px at 52% 80%, rgba(255, 186, 76, 0.74), rgba(0,0,0,0) 56%),
    radial-gradient(900px 680px at 66% 58%, rgba(255, 122, 110, 0.62), rgba(0,0,0,0) 52%),
    linear-gradient(180deg, #ffb15a 0%, #fff8f1 52%, #d5d7dd 100%);
}

body.theme-silver-blaze::after {
  opacity: 0 !important;
}

body.theme-vivid-red::before {
  background:
    radial-gradient(1200px 800px at 10% 10%, rgba(255, 54, 54, 0.34), rgba(0,0,0,0) 60%),
    radial-gradient(1000px 700px at 90% 20%, rgba(168, 19, 19, 0.3), rgba(0,0,0,0) 55%),
    radial-gradient(900px 600px at 50% 95%, rgba(96, 0, 0, 0.42), rgba(0,0,0,0) 60%),
    linear-gradient(180deg, #180102 0%, #070000 100%);
}

body.theme-vivid-red::after {
  opacity: 0 !important;
}

body.theme-matrix-green::before {
  background:
    radial-gradient(1200px 800px at 10% 10%, rgba(0, 255, 102, 0.24), rgba(0,0,0,0) 60%),
    radial-gradient(1000px 700px at 90% 20%, rgba(0, 170, 85, 0.22), rgba(0,0,0,0) 55%),
    radial-gradient(900px 600px at 50% 95%, rgba(0, 64, 26, 0.42), rgba(0,0,0,0) 60%),
    linear-gradient(180deg, #010f07 0%, #000402 100%);
}

body.theme-matrix-green::after {
  opacity: 0 !important;
}

body.theme-cobalt-blue::before {
  background:
    radial-gradient(1200px 800px at 10% 10%, rgba(12, 0, 255, 0.36), rgba(0,0,0,0) 60%),
    radial-gradient(1000px 700px at 90% 20%, rgba(49, 31, 255, 0.28), rgba(0,0,0,0) 55%),
    radial-gradient(900px 600px at 50% 95%, rgba(8, 0, 114, 0.42), rgba(0,0,0,0) 60%),
    linear-gradient(180deg, #06003a 0%, #010014 100%);
}

body.theme-cobalt-blue::after {
  opacity: 0 !important;
}

/* Ajuste localizado: cor do seletor de tema por contexto */
body.dark #Theme-Select {
  color: #f5f5f5 !important;
  background-color: transparent !important;
}

body.theme-sakura #Theme-Select,
body.theme-yellow-cream #Theme-Select,
body.theme-powder-blue #Theme-Select,
body.theme-apricot-dawn #Theme-Select,
body.theme-mint-veil #Theme-Select,
body.theme-lilac-cloud #Theme-Select,
body.theme-silver-blaze #Theme-Select {
  color: #1d1d1f !important;
  background-color: transparent !important;
}

/* Timeline segments do Financeiro por tema */
body {
  --finance-segment-1-bg:
    radial-gradient(circle at 20% 30%, rgba(248, 250, 252, 0.98) 0%, rgba(216, 224, 236, 0.82) 18%, transparent 48%),
    radial-gradient(circle at 80% 70%, rgba(156, 163, 175, 0.9) 0%, rgba(209, 213, 219, 0.34) 20%, transparent 56%);
  --finance-segment-2-bg:
    radial-gradient(circle at 20% 60%, rgba(241, 245, 249, 0.98) 0%, rgba(203, 213, 225, 0.3) 18%, transparent 48%),
    radial-gradient(circle at 75% 25%, rgba(226, 232, 240, 0.94) 0%, rgba(148, 163, 184, 0.26) 20%, transparent 56%);
  --finance-segment-3-bg:
    radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.98) 0%, rgba(203, 213, 225, 0.34) 18%, transparent 48%),
    radial-gradient(circle at 70% 75%, rgba(226, 232, 240, 0.95) 0%, rgba(148, 163, 184, 0.24) 20%, transparent 56%);
  --finance-segment-4-bg:
    radial-gradient(circle at 25% 75%, rgba(229, 231, 235, 0.98) 0%, rgba(209, 213, 219, 0.34) 18%, transparent 48%),
    radial-gradient(circle at 80% 20%, rgba(148, 163, 184, 0.92) 0%, rgba(226, 232, 240, 0.24) 20%, transparent 56%);
}

body.dark {
  --finance-segment-1-bg:
    radial-gradient(circle at 20% 30%, rgba(39, 50, 71, 0.98) 0%, rgba(25, 32, 48, 0.82) 18%, transparent 48%),
    radial-gradient(circle at 80% 70%, rgba(15, 23, 42, 0.94) 0%, rgba(71, 85, 105, 0.26) 20%, transparent 56%);
  --finance-segment-2-bg:
    radial-gradient(circle at 20% 60%, rgba(51, 65, 85, 0.98) 0%, rgba(30, 41, 59, 0.22) 18%, transparent 48%),
    radial-gradient(circle at 75% 25%, rgba(30, 41, 59, 0.94) 0%, rgba(100, 116, 139, 0.24) 20%, transparent 56%);
  --finance-segment-3-bg:
    radial-gradient(circle at 30% 20%, rgba(71, 85, 105, 0.98) 0%, rgba(30, 41, 59, 0.3) 18%, transparent 48%),
    radial-gradient(circle at 70% 75%, rgba(15, 23, 42, 0.95) 0%, rgba(51, 65, 85, 0.24) 20%, transparent 56%);
  --finance-segment-4-bg:
    radial-gradient(circle at 25% 75%, rgba(30, 41, 59, 0.98) 0%, rgba(15, 23, 42, 0.32) 18%, transparent 48%),
    radial-gradient(circle at 80% 20%, rgba(8, 15, 29, 0.95) 0%, rgba(71, 85, 105, 0.22) 20%, transparent 56%);
}

body.theme-royal {
  --finance-segment-1-bg:
    radial-gradient(circle at 20% 30%, rgba(92, 134, 255, 0.98) 0%, rgba(54, 93, 210, 0.82) 18%, transparent 48%),
    radial-gradient(circle at 80% 70%, rgba(15, 42, 122, 0.95) 0%, rgba(96, 165, 250, 0.28) 20%, transparent 56%);
  --finance-segment-2-bg:
    radial-gradient(circle at 20% 60%, rgba(125, 160, 255, 0.98) 0%, rgba(59, 130, 246, 0.22) 18%, transparent 48%),
    radial-gradient(circle at 75% 25%, rgba(96, 165, 250, 0.95) 0%, rgba(37, 99, 235, 0.28) 20%, transparent 56%);
  --finance-segment-3-bg:
    radial-gradient(circle at 30% 20%, rgba(104, 144, 255, 0.98) 0%, rgba(29, 78, 216, 0.34) 18%, transparent 48%),
    radial-gradient(circle at 70% 75%, rgba(56, 189, 248, 0.95) 0%, rgba(37, 99, 235, 0.28) 20%, transparent 56%);
  --finance-segment-4-bg:
    radial-gradient(circle at 25% 75%, rgba(45, 114, 255, 0.98) 0%, rgba(30, 64, 175, 0.34) 18%, transparent 48%),
    radial-gradient(circle at 80% 20%, rgba(14, 35, 96, 0.95) 0%, rgba(59, 130, 246, 0.26) 20%, transparent 56%);
}

body.theme-sakura {
  --finance-segment-1-bg:
    radial-gradient(circle at 20% 30%, rgba(237, 192, 255, 0.98) 0%, rgba(254, 132, 250, 0.85) 18%, transparent 48%),
    radial-gradient(circle at 80% 70%, rgba(255, 192, 203, 0.95) 0%, rgba(255, 150, 170, 0.3) 20%, transparent 56%);
  --finance-segment-2-bg:
    radial-gradient(circle at 20% 60%, rgba(255, 182, 215, 0.98) 0%, rgba(255, 105, 180, 0.18) 18%, transparent 48%),
    radial-gradient(circle at 75% 25%, rgba(255, 130, 200, 0.95) 0%, rgba(255, 20, 147, 0.3) 20%, transparent 56%);
  --finance-segment-3-bg:
    radial-gradient(circle at 30% 20%, rgba(255, 150, 200, 0.98) 0%, rgba(255, 110, 170, 0.34) 18%, transparent 48%),
    radial-gradient(circle at 70% 75%, rgba(255, 180, 210, 0.95) 0%, rgba(255, 140, 185, 0.3) 20%, transparent 56%);
  --finance-segment-4-bg:
    radial-gradient(circle at 25% 75%, rgba(255, 189, 246, 0.98) 0%, rgba(253, 116, 146, 0.36) 18%, transparent 48%),
    radial-gradient(circle at 80% 20%, rgba(253, 138, 195, 0.95) 0%, rgba(255, 160, 200, 0.3) 20%, transparent 56%);
}

body.theme-yellow-cream {
  --finance-segment-1-bg:
    radial-gradient(circle at 20% 30%, rgba(255, 254, 249, 0.98) 0%, rgba(255, 234, 152, 0.84) 18%, transparent 48%),
    radial-gradient(circle at 80% 70%, rgba(255, 246, 232, 0.92) 0%, rgba(255, 214, 102, 0.28) 20%, transparent 56%);
  --finance-segment-2-bg:
    radial-gradient(circle at 20% 60%, rgba(255, 252, 238, 0.98) 0%, rgba(250, 204, 21, 0.24) 18%, transparent 48%),
    radial-gradient(circle at 75% 25%, rgba(254, 240, 138, 0.95) 0%, rgba(234, 179, 8, 0.28) 20%, transparent 56%);
  --finance-segment-3-bg:
    radial-gradient(circle at 30% 20%, rgba(231, 231, 231, 0.98) 0%, rgba(251, 191, 36, 0.32) 18%, transparent 48%),
    radial-gradient(circle at 70% 75%, rgba(253, 224, 71, 0.94) 0%, rgba(245, 158, 11, 0.24) 20%, transparent 56%);
  --finance-segment-4-bg:
    radial-gradient(circle at 25% 75%, rgba(255, 238, 191, 0.98) 0%, rgba(234, 179, 8, 0.34) 18%, transparent 48%),
    radial-gradient(circle at 80% 20%, rgba(255, 238, 220, 0.92) 0%, rgba(253, 230, 138, 0.24) 20%, transparent 56%);
}

body.theme-powder-blue {
  --finance-segment-1-bg:
    radial-gradient(circle at 20% 30%, rgba(179, 217, 245, 0.98) 0%, rgba(96, 165, 250, 0.78) 18%, transparent 48%),
    radial-gradient(circle at 80% 70%, rgba(59, 130, 246, 0.9) 0%, rgba(147, 197, 253, 0.28) 20%, transparent 56%);
  --finance-segment-2-bg:
    radial-gradient(circle at 20% 60%, rgba(196, 228, 250, 0.98) 0%, rgba(125, 211, 252, 0.22) 18%, transparent 48%),
    radial-gradient(circle at 75% 25%, rgba(125, 211, 252, 0.93) 0%, rgba(14, 165, 233, 0.24) 20%, transparent 56%);
  --finance-segment-3-bg:
    radial-gradient(circle at 30% 20%, rgba(224, 242, 254, 0.98) 0%, rgba(56, 189, 248, 0.28) 18%, transparent 48%),
    radial-gradient(circle at 70% 75%, rgba(96, 165, 250, 0.94) 0%, rgba(2, 132, 199, 0.24) 20%, transparent 56%);
  --finance-segment-4-bg:
    radial-gradient(circle at 25% 75%, rgba(125, 211, 252, 0.98) 0%, rgba(14, 165, 233, 0.32) 18%, transparent 48%),
    radial-gradient(circle at 80% 20%, rgba(2, 132, 199, 0.92) 0%, rgba(191, 219, 254, 0.22) 20%, transparent 56%);
}

body.theme-apricot-dawn {
  --finance-segment-1-bg:
    radial-gradient(circle at 20% 30%, rgba(255, 204, 153, 0.98) 0%, rgba(251, 146, 60, 0.8) 18%, transparent 48%),
    radial-gradient(circle at 80% 70%, rgba(234, 88, 12, 0.92) 0%, rgba(253, 186, 116, 0.28) 20%, transparent 56%);
  --finance-segment-2-bg:
    radial-gradient(circle at 20% 60%, rgba(255, 221, 181, 0.98) 0%, rgba(249, 115, 22, 0.22) 18%, transparent 48%),
    radial-gradient(circle at 75% 25%, rgba(253, 186, 116, 0.94) 0%, rgba(251, 146, 60, 0.28) 20%, transparent 56%);
  --finance-segment-3-bg:
    radial-gradient(circle at 30% 20%, rgba(255, 237, 213, 0.98) 0%, rgba(251, 146, 60, 0.3) 18%, transparent 48%),
    radial-gradient(circle at 70% 75%, rgba(254, 215, 170, 0.95) 0%, rgba(234, 88, 12, 0.24) 20%, transparent 56%);
  --finance-segment-4-bg:
    radial-gradient(circle at 25% 75%, rgba(255, 180, 120, 0.98) 0%, rgba(234, 88, 12, 0.34) 18%, transparent 48%),
    radial-gradient(circle at 80% 20%, rgba(194, 65, 12, 0.92) 0%, rgba(253, 230, 138, 0.22) 20%, transparent 56%);
}

body.theme-mint-veil {
  --finance-segment-1-bg:
    radial-gradient(circle at 20% 30%, rgba(176, 240, 194, 0.98) 0%, rgba(74, 222, 128, 0.8) 18%, transparent 48%),
    radial-gradient(circle at 80% 70%, rgba(22, 163, 74, 0.92) 0%, rgba(134, 239, 172, 0.26) 20%, transparent 56%);
  --finance-segment-2-bg:
    radial-gradient(circle at 20% 60%, rgba(209, 250, 229, 0.98) 0%, rgba(16, 185, 129, 0.2) 18%, transparent 48%),
    radial-gradient(circle at 75% 25%, rgba(110, 231, 183, 0.94) 0%, rgba(5, 150, 105, 0.24) 20%, transparent 56%);
  --finance-segment-3-bg:
    radial-gradient(circle at 30% 20%, rgba(236, 253, 245, 0.98) 0%, rgba(34, 197, 94, 0.28) 18%, transparent 48%),
    radial-gradient(circle at 70% 75%, rgba(134, 239, 172, 0.94) 0%, rgba(21, 128, 61, 0.24) 20%, transparent 56%);
  --finance-segment-4-bg:
    radial-gradient(circle at 25% 75%, rgba(74, 222, 128, 0.98) 0%, rgba(21, 128, 61, 0.3) 18%, transparent 48%),
    radial-gradient(circle at 80% 20%, rgba(20, 83, 45, 0.92) 0%, rgba(110, 231, 183, 0.22) 20%, transparent 56%);
}

body.theme-lilac-cloud {
  --finance-segment-1-bg:
    radial-gradient(circle at 20% 30%, rgba(224, 204, 255, 0.98) 0%, rgba(168, 85, 247, 0.76) 18%, transparent 48%),
    radial-gradient(circle at 80% 70%, rgba(126, 34, 206, 0.9) 0%, rgba(216, 180, 254, 0.26) 20%, transparent 56%);
  --finance-segment-2-bg:
    radial-gradient(circle at 20% 60%, rgba(237, 233, 254, 0.98) 0%, rgba(192, 132, 252, 0.22) 18%, transparent 48%),
    radial-gradient(circle at 75% 25%, rgba(196, 181, 253, 0.94) 0%, rgba(147, 51, 234, 0.24) 20%, transparent 56%);
  --finance-segment-3-bg:
    radial-gradient(circle at 30% 20%, rgba(250, 245, 255, 0.98) 0%, rgba(192, 132, 252, 0.3) 18%, transparent 48%),
    radial-gradient(circle at 70% 75%, rgba(216, 180, 254, 0.94) 0%, rgba(126, 34, 206, 0.24) 20%, transparent 56%);
  --finance-segment-4-bg:
    radial-gradient(circle at 25% 75%, rgba(196, 181, 253, 0.98) 0%, rgba(126, 34, 206, 0.32) 18%, transparent 48%),
    radial-gradient(circle at 80% 20%, rgba(88, 28, 135, 0.92) 0%, rgba(233, 213, 255, 0.22) 20%, transparent 56%);
}

body.theme-silver-blaze {
  --finance-segment-1-bg:
    radial-gradient(circle at 20% 30%, rgba(255, 171, 36, 0.99) 0%, rgba(255, 226, 168, 0.84) 18%, transparent 48%),
    radial-gradient(circle at 80% 70%, rgba(255, 130, 59, 0.94) 0%, rgba(255, 205, 96, 0.28) 20%, transparent 56%);
  --finance-segment-2-bg:
    radial-gradient(circle at 20% 60%, rgba(255, 184, 43, 0.98) 0%, rgba(255, 161, 72, 0.22) 18%, transparent 48%),
    radial-gradient(circle at 75% 25%, rgba(255, 102, 84, 0.95) 0%, rgba(255, 69, 58, 0.3) 20%, transparent 56%);
  --finance-segment-3-bg:
    radial-gradient(circle at 30% 20%, rgba(255, 228, 109, 0.99) 0%, rgba(255, 184, 76, 0.32) 18%, transparent 48%),
    radial-gradient(circle at 70% 75%, rgba(255, 94, 94, 0.94) 0%, rgba(255, 142, 43, 0.24) 20%, transparent 56%);
  --finance-segment-4-bg:
    radial-gradient(circle at 25% 75%, rgba(255, 186, 76, 0.98) 0%, rgba(255, 87, 34, 0.34) 18%, transparent 48%),
    radial-gradient(circle at 80% 20%, rgba(253, 255, 158, 0.94) 0%, rgba(255, 94, 58, 0.26) 20%, transparent 56%);
}

body.theme-vivid-red {
  --finance-segment-1-bg:
    radial-gradient(circle at 20% 30%, rgba(167, 41, 41, 0.98) 0%, rgba(220, 38, 38, 0.82) 18%, transparent 48%),
    radial-gradient(circle at 80% 70%, rgba(127, 29, 29, 0.95) 0%, rgba(248, 113, 113, 0.24) 20%, transparent 56%);
  --finance-segment-2-bg:
    radial-gradient(circle at 20% 60%, rgba(228, 81, 81, 0.98) 0%, rgba(239, 68, 68, 0.2) 18%, transparent 48%),
    radial-gradient(circle at 75% 25%, rgba(180, 52, 52, 0.94) 0%, rgba(185, 28, 28, 0.24) 20%, transparent 56%);
  --finance-segment-3-bg:
    radial-gradient(circle at 30% 20%, rgba(226, 38, 38, 0.98) 0%, rgba(239, 68, 68, 0.28) 18%, transparent 48%),
    radial-gradient(circle at 70% 75%, rgba(220, 38, 38, 0.94) 0%, rgba(153, 27, 27, 0.24) 20%, transparent 56%);
  --finance-segment-4-bg:
    radial-gradient(circle at 25% 75%, rgba(217, 39, 39, 0.98) 0%, rgba(240, 14, 14, 0.34) 18%, transparent 48%),
    radial-gradient(circle at 80% 20%, rgba(69, 10, 10, 0.95) 0%, rgba(254, 202, 202, 0.2) 20%, transparent 56%);
}

body.theme-matrix-green {
  --finance-segment-1-bg:
    radial-gradient(circle at 20% 30%, rgba(41, 206, 115, 0.99) 0%, rgba(0, 255, 102, 0.82) 18%, transparent 48%),
    radial-gradient(circle at 80% 70%, rgba(0, 122, 48, 0.95) 0%, rgba(110, 255, 179, 0.24) 20%, transparent 56%);
  --finance-segment-2-bg:
    radial-gradient(circle at 20% 60%, rgba(57, 201, 47, 0.98) 0%, rgba(0, 255, 128, 0.22) 18%, transparent 48%),
    radial-gradient(circle at 75% 25%, rgba(52, 255, 132, 0.95) 0%, rgba(0, 170, 85, 0.24) 20%, transparent 56%);
  --finance-segment-3-bg:
    radial-gradient(circle at 30% 20%, rgba(24, 162, 77, 0.98) 0%, rgba(34, 255, 136, 0.28) 18%, transparent 48%),
    radial-gradient(circle at 70% 75%, rgba(0, 234, 102, 0.95) 0%, rgba(0, 92, 39, 0.24) 20%, transparent 56%);
  --finance-segment-4-bg:
    radial-gradient(circle at 25% 75%, rgba(0, 255, 102, 0.99) 0%, rgba(0, 92, 39, 0.34) 18%, transparent 48%),
    radial-gradient(circle at 80% 20%, rgba(19, 144, 60, 0.9) 0%, rgba(0, 255, 128, 0.2) 20%, transparent 56%);
}

body.theme-cobalt-blue {
  --finance-segment-1-bg:
    radial-gradient(circle at 20% 30%, rgba(15, 55, 167, 0.98) 0%, rgba(37, 99, 235, 0.82) 18%, transparent 48%),
    radial-gradient(circle at 80% 70%, rgba(10, 17, 125, 0.95) 0%, rgba(96, 165, 250, 0.24) 20%, transparent 56%);
  --finance-segment-2-bg:
    radial-gradient(circle at 20% 60%, rgba(8, 91, 192, 0.98) 0%, rgba(59, 130, 246, 0.2) 18%, transparent 48%),
    radial-gradient(circle at 75% 25%, rgba(59, 130, 246, 0.94) 0%, rgba(29, 78, 216, 0.24) 20%, transparent 56%);
  --finance-segment-3-bg:
    radial-gradient(circle at 30% 20%, rgba(35, 12, 208, 0.98) 0%, rgba(96, 165, 250, 0.28) 18%, transparent 48%),
    radial-gradient(circle at 70% 75%, rgba(37, 99, 235, 0.95) 0%, rgba(30, 64, 175, 0.24) 20%, transparent 56%);
  --finance-segment-4-bg:
    radial-gradient(circle at 25% 75%, rgba(13, 83, 195, 0.98) 0%, rgba(30, 64, 175, 0.34) 18%, transparent 48%),
    radial-gradient(circle at 80% 20%, rgba(8, 0, 114, 0.95) 0%, rgba(147, 197, 253, 0.18) 20%, transparent 56%);
}