html:not([data-theme="light"]) { color-scheme: dark; }
html[data-theme="light"] { color-scheme: light; }
html[data-theme="sunset"],
html[data-theme="ocean"],
html[data-theme="forest"],
html[data-theme="fall"],
html[data-theme="winter"] { color-scheme: dark; }

html[data-theme="fall"] {
  --bg: #24140d;
  --panel: #352018;
  --primary: #e97824;
  --accent: #f2b84b;
  --text: #fff8ea;
  --muted: #d1b89d;
  --line: #684431;
  --violet: #d7652c;
  --pink: #c64a3d;
  --green: #87984f;
  --gold: #f2b84b;
  --blue: #b56f45;
}

html[data-theme="fall"] body.home-page {
  background:
    radial-gradient(circle at 82% 4%, rgba(232,120,36,.24), transparent 29%),
    radial-gradient(circle at 13% 31%, rgba(181,73,42,.16), transparent 32%),
    linear-gradient(180deg, #2d180f 0%, #1c110d 48%, #100c0a 100%);
}

html[data-theme="fall"] .brand span { color: #000000; background: none; -webkit-text-fill-color: #000000; }
html[data-theme="fall"] .brand-atom,
html[data-theme="fall"] #beyond-os-shell .bos-logo-mark { background:transparent!important; border:none!important; box-shadow:none!important; }
html[data-theme="fall"] .brand-atom img,
html[data-theme="fall"] #beyond-os-shell .bos-logo-mark img { filter:sepia(.65) saturate(1.7) hue-rotate(330deg) drop-shadow(0 0 8px rgba(255,150,50,.6)) !important; }
html[data-theme="fall"] .brand small,
html[data-theme="fall"] .intro,
html[data-theme="fall"] .world p,
html[data-theme="fall"] .identity p { color: #d6bea4; }
html[data-theme="fall"] .tagline { color: #fff0d4; }
html[data-theme="fall"] .ghost,
html[data-theme="fall"] .login-btn,
html[data-theme="fall"] .theme-toggle,
html[data-theme="fall"] .currency-picker { border-color: rgba(244,184,91,.28); background: rgba(75,42,25,.56); }
html[data-theme="fall"] .currency-picker select { color: #fff5e5; background-color: black; }
html[data-theme="fall"] .primary { background: linear-gradient(105deg,#d8562c,#e88327 54%,#f1b344); box-shadow: 0 14px 36px rgba(183,74,30,.3),inset 0 1px rgba(255,255,255,.2); }
html[data-theme="fall"] .orbit::before { background: radial-gradient(circle,rgba(226,115,38,.25),transparent 54%); }
html[data-theme="fall"] .ring { border-color: rgba(226,116,48,.5); }
html[data-theme="fall"] .ring.r2 { border-color: rgba(242,184,75,.38); }
html[data-theme="fall"] .core { background: radial-gradient(circle at 38% 32%,#8f4926,#351b13 60%); border-color:#ed9137; box-shadow:0 0 0 12px rgba(213,92,35,.09),0 0 54px rgba(222,105,39,.58),inset 0 0 40px rgba(247,175,68,.22); }
html[data-theme="fall"] .core .atom i { border-color:#ed9137; }
html[data-theme="fall"] .core .atom i:nth-child(2) { border-color:#f2bd58; }
html[data-theme="fall"] .core .atom i:nth-child(3) { border-color:#b25a35; }
html[data-theme="fall"] .core .atom b,
html[data-theme="fall"] .core .atom b::after { border-color:rgba(255,196,104,.88); box-shadow:0 0 0 6px rgba(217,93,36,.13),0 0 30px rgba(238,136,48,.72); }
html[data-theme="fall"] .ecosystem-svg .svg-ambient circle:first-child { fill:#e97824; opacity:.11; }
html[data-theme="fall"] .ecosystem-svg .svg-ambient circle:nth-child(2) { fill:#ffd166; opacity:.08; }
html[data-theme="fall"] .ecosystem-svg .svg-orbits use:nth-child(1) { stroke:#e97824; }
html[data-theme="fall"] .ecosystem-svg .svg-orbits use:nth-child(2) { stroke:#ffd166; }
html[data-theme="fall"] .ecosystem-svg .svg-orbits use:nth-child(3) { stroke:#b8a45a; }
html[data-theme="fall"] .ecosystem-svg .svg-orbits use:nth-child(4) { stroke:#b94e35; }
html[data-theme="fall"] .ecosystem-svg .svg-gateway>circle:first-child { stroke:#f2b84b; }
html[data-theme="fall"] .ecosystem-svg .svg-gateway>circle:nth-of-type(2) { fill:url(#gatewaySurfaceFall); stroke:#d7652c; }
html[data-theme="fall"] .ecosystem-svg .svg-atom { stroke:url(#atomStrokeFall) !important; filter:drop-shadow(0 0 9px rgba(233,120,36,.78)); }
html[data-theme="fall"] .ecosystem-svg .svg-gateway { filter:drop-shadow(0 0 16px rgba(233,120,36,.72)) drop-shadow(0 0 34px rgba(242,184,75,.34)); }
html[data-theme="fall"] .ecosystem-svg .svg-gateway>circle:first-child { filter:drop-shadow(0 0 8px rgba(242,184,75,.7)); }
html[data-theme="fall"] .ecosystem-svg .svg-nucleus path { stroke:#ffe0a0; }
html[data-theme="fall"] .hero .h { color:#e8a83f; }
html[data-theme="fall"] .hero .e { color:#ffd166; }
html[data-theme="fall"] .hero .f { color:#c66a3f; }
html[data-theme="fall"] .hero .x { color:#b94e35; }
html[data-theme="fall"] .planet { background:rgba(54,30,20,.94); }
html[data-theme="fall"] .welcome { background:linear-gradient(105deg,rgba(143,59,32,.94),rgba(194,91,31,.88) 58%,rgba(112,43,35,.9)); box-shadow:0 18px 50px rgba(67,28,15,.38),inset 0 1px rgba(255,255,255,.14); }
html[data-theme="fall"] .world::before { background:linear-gradient(90deg,rgba(38,20,13,.97),rgba(54,29,18,.79) 42%,rgba(145,70,30,.14) 78%,rgba(38,20,14,.72)); }
html[data-theme="fall"] .world.health { background:radial-gradient(circle at 72% 28%,rgba(132,151,72,.28),transparent 32%),linear-gradient(130deg,#25170f,#314020 58%,#1b1610); }
html[data-theme="fall"] .world.education { background:radial-gradient(circle at 68% 28%,rgba(241,178,65,.26),transparent 33%),linear-gradient(130deg,#2c180e,#5a2b18 56%,#352113); }
html[data-theme="fall"] .world.finance,
html[data-theme="fall"] .world.wallet { background:radial-gradient(circle at 72% 29%,rgba(181,103,61,.28),transparent 34%),linear-gradient(130deg,#25160f,#49291c 58%,#291514); }
html[data-theme="fall"] .world.entertainment { background:radial-gradient(circle at 72% 28%,rgba(196,70,55,.28),transparent 32%),linear-gradient(130deg,#291310,#52201b 55%,#241319); }
html[data-theme="fall"] .app { background:rgba(49,28,20,.8); border-color:rgba(235,180,105,.18); }
html[data-theme="fall"] .identity { background:linear-gradient(105deg,rgba(113,47,31,.88),rgba(173,69,39,.82)); border-color:rgba(239,151,69,.36); }
html[data-theme="fall"] .daily-demo { background:linear-gradient(135deg,rgba(66,35,23,.96),rgba(107,48,28,.9)); }
html[data-theme="fall"] .footer { border-color:rgba(237,171,95,.15); color:#ae9077; }
html[data-theme="fall"] .footer h4 { color:#f1d5b4; }
html[data-theme="ocean"] {
  --bg: #071E2E;
  --panel: #0D3044;
  --primary: #23B5D3;
  --accent: #60E1C2;
  --text: #F1FBFF;
  --muted: #8EB5C5;
  --line: #1D4B61;
  --violet: #23B5D3;
  --pink: #60E1C2;
  --green: #60E1C2;
  --gold: #7BE7D0;
  --blue: #23B5D3;
}

html[data-theme="forest"] {
  --bg: #101C16;
  --panel: #1A2B21;
  --primary: #72C68C;
  --accent: #E3B764;
  --text: #F3F7ED;
  --muted: #9CAF9F;
  --line: #32483A;
  --violet: #72C68C;
  --pink: #E3B764;
  --green: #72C68C;
  --gold: #E3B764;
  --blue: #83B99A;
}

html[data-theme="ocean"] body.home-page {
  background: radial-gradient(circle at 75% 10%, rgba(35,181,211,.2), transparent 30%), linear-gradient(180deg, #071E2E, #04141f 72%);
}

html[data-theme="forest"] body.home-page {
  background: radial-gradient(circle at 75% 10%, rgba(114,198,140,.16), transparent 30%), linear-gradient(180deg, #101C16, #09120d 72%);
}

html[data-theme="winter"] {
  --bg: #0e1d33;
  --panel: #142a4a;
  --primary: #38bdf8;
  --accent: #bae6fd;
  --text: #f0f7ff;
  --muted: #93c5fd;
  --line: #1e3a60;
  --violet: #38bdf8;
  --pink: #60a5fa;
  --green: #34d399;
  --gold: #fde047;
  --blue: #3b82f6;
}

html[data-theme="winter"] body.home-page {
  background:
    radial-gradient(circle at 75% 10%, rgba(56, 189, 248, 0.25), transparent 32%),
    radial-gradient(circle at 20% 40%, rgba(14, 165, 233, 0.15), transparent 35%),
    linear-gradient(180deg, #0e1d33 0%, #081222 52%, #040914 100%);
}

/* Customized Theme Brand Atom Logo & Orbits (Top Header & Page Header) */
html[data-theme="winter"] .brand-atom img,
html[data-theme="winter"] #beyond-os-shell .bos-logo-mark img { filter: saturate(1.5) hue-rotate(-65deg) brightness(1.1) drop-shadow(0 0 8px rgba(56,189,248,.75)) !important; }

html[data-theme="forest"] .brand-atom img,
html[data-theme="forest"] #beyond-os-shell .bos-logo-mark img { filter: saturate(1.6) hue-rotate(-130deg) brightness(1.05) drop-shadow(0 0 8px rgba(52,211,153,.7)) !important; }

html[data-theme="ocean"] .brand-atom img,
html[data-theme="ocean"] #beyond-os-shell .bos-logo-mark img { filter: saturate(1.55) hue-rotate(-85deg) brightness(1.05) drop-shadow(0 0 8px rgba(35,181,211,.7)) !important; }

html[data-theme="sunset"] .brand-atom img,
html[data-theme="sunset"] #beyond-os-shell .bos-logo-mark img { filter: saturate(1.65) hue-rotate(65deg) brightness(1.05) drop-shadow(0 0 8px rgba(255,111,97,.7)) !important; }

html[data-theme="dark"] .brand-atom img,
html[data-theme="dark"] #beyond-os-shell .bos-logo-mark img { filter: saturate(1.35) hue-rotate(0deg) drop-shadow(0 0 8px rgba(139,92,246,.7)) !important; }

html[data-theme="light"] .brand-atom img,
html[data-theme="light"] #beyond-os-shell .bos-logo-mark img { filter: saturate(1.35) hue-rotate(-15deg) drop-shadow(0 0 6px rgba(99,78,255,.5)) !important; }

html[data-theme="fall"] .brand-atom img,
html[data-theme="fall"] #beyond-os-shell .bos-logo-mark img { filter: sepia(.7) saturate(1.8) hue-rotate(330deg) brightness(1.1) drop-shadow(0 0 8px rgba(255,150,50,.7)) !important; }

/* Center Hero SVG Atom & Nucleus for All 7 Themes */
html[data-theme="winter"] .ecosystem-svg .svg-atom { stroke: url(#atomStrokeWinter) !important; filter: drop-shadow(0 0 10px rgba(56, 189, 248, 0.75)) !important; }
html[data-theme="winter"] .ecosystem-svg .svg-nucleus path { stroke: #bae6fd !important; filter: drop-shadow(0 0 8px rgba(186, 230, 253, 0.6)) !important; }
html[data-theme="winter"] .ecosystem-svg .svg-ambient circle:first-child { fill: #38bdf8 !important; opacity: .14 !important; }
html[data-theme="winter"] .ecosystem-svg .svg-ambient circle:nth-child(2) { fill: #bae6fd !important; opacity: .10 !important; }

html[data-theme="forest"] .ecosystem-svg .svg-atom { stroke: url(#atomStrokeForest) !important; filter: drop-shadow(0 0 10px rgba(34, 197, 94, 0.75)) !important; }
html[data-theme="forest"] .ecosystem-svg .svg-nucleus path { stroke: #86efac !important; filter: drop-shadow(0 0 8px rgba(134, 239, 172, 0.6)) !important; }
html[data-theme="forest"] .ecosystem-svg .svg-ambient circle:first-child { fill: #22c55e !important; opacity: .14 !important; }
html[data-theme="forest"] .ecosystem-svg .svg-ambient circle:nth-child(2) { fill: #e3b764 !important; opacity: .09 !important; }

html[data-theme="ocean"] .ecosystem-svg .svg-atom { stroke: url(#atomStrokeOcean) !important; filter: drop-shadow(0 0 10px rgba(35, 181, 211, 0.75)) !important; }
html[data-theme="ocean"] .ecosystem-svg .svg-nucleus path { stroke: #7be7d0 !important; filter: drop-shadow(0 0 8px rgba(123, 231, 208, 0.6)) !important; }
html[data-theme="ocean"] .ecosystem-svg .svg-ambient circle:first-child { fill: #23b5d3 !important; opacity: .14 !important; }
html[data-theme="ocean"] .ecosystem-svg .svg-ambient circle:nth-child(2) { fill: #7be7d0 !important; opacity: .10 !important; }

html[data-theme="sunset"] .ecosystem-svg .svg-atom { stroke: url(#atomStrokeSunset) !important; filter: drop-shadow(0 0 10px rgba(251, 113, 133, 0.75)) !important; }
html[data-theme="sunset"] .ecosystem-svg .svg-nucleus path { stroke: #fde047 !important; filter: drop-shadow(0 0 8px rgba(253, 224, 71, 0.6)) !important; }
html[data-theme="sunset"] .ecosystem-svg .svg-ambient circle:first-child { fill: #fb7185 !important; opacity: .14 !important; }
html[data-theme="sunset"] .ecosystem-svg .svg-ambient circle:nth-child(2) { fill: #fde047 !important; opacity: .10 !important; }

html[data-theme="dark"] .ecosystem-svg .svg-atom { stroke: url(#atomStrokeDark) !important; filter: drop-shadow(0 0 10px rgba(192, 132, 252, 0.75)) !important; }
html[data-theme="dark"] .ecosystem-svg .svg-nucleus path { stroke: #e0e7ff !important; filter: drop-shadow(0 0 8px rgba(224, 231, 255, 0.6)) !important; }
html[data-theme="dark"] .ecosystem-svg .svg-ambient circle:first-child { fill: #8b5cf6 !important; opacity: .12 !important; }
html[data-theme="dark"] .ecosystem-svg .svg-ambient circle:nth-child(2) { fill: #ec4899 !important; opacity: .08 !important; }

html[data-theme="light"] .ecosystem-svg .svg-atom { stroke: url(#atomStrokeLight) !important; filter: drop-shadow(0 0 8px rgba(79, 70, 229, 0.55)) !important; }
html[data-theme="light"] .ecosystem-svg .svg-nucleus path { stroke: #4338ca !important; filter: drop-shadow(0 0 8px rgba(67, 56, 202, 0.45)) !important; }
html[data-theme="light"] .ecosystem-svg .svg-ambient circle:first-child { fill: #6366f1 !important; opacity: .10 !important; }
html[data-theme="light"] .ecosystem-svg .svg-ambient circle:nth-child(2) { fill: #db2777 !important; opacity: .06 !important; }

/* Customized Homepage .orbit Atom & Core for All Themes */
html[data-theme="winter"] .orbit::before { background: radial-gradient(circle,rgba(56,189,248,.28),transparent 54%); }
html[data-theme="winter"] .ring { border-color: rgba(56,189,248,.45); }
html[data-theme="winter"] .ring.r2 { border-color: rgba(186,230,253,.35); }
html[data-theme="winter"] .core { background: radial-gradient(circle at 38% 32%,#0284c7,#0e1d33 60%); border-color:#38bdf8; box-shadow:0 0 0 12px rgba(56,189,248,.12),0 0 54px rgba(56,189,248,.58),inset 0 0 40px rgba(186,230,253,.25); }
html[data-theme="winter"] .core .atom i { border-color:#38bdf8; }
html[data-theme="winter"] .core .atom i:nth-child(2) { border-color:#bae6fd; }
html[data-theme="winter"] .core .atom i:nth-child(3) { border-color:#0284c7; }
html[data-theme="winter"] .core .atom b,
html[data-theme="winter"] .core .atom b::after { border-color:rgba(186,230,253,.88); box-shadow:0 0 0 6px rgba(56,189,248,.15),0 0 30px rgba(56,189,248,.72); }

html[data-theme="forest"] .orbit::before { background: radial-gradient(circle,rgba(114,198,140,.28),transparent 54%); }
html[data-theme="forest"] .ring { border-color: rgba(114,198,140,.45); }
html[data-theme="forest"] .ring.r2 { border-color: rgba(227,183,100,.35); }
html[data-theme="forest"] .core { background: radial-gradient(circle at 38% 32%,#2d6a4f,#101c16 60%); border-color:#72c68c; box-shadow:0 0 0 12px rgba(114,198,140,.12),0 0 54px rgba(114,198,140,.58),inset 0 0 40px rgba(227,183,100,.25); }
html[data-theme="forest"] .core .atom i { border-color:#72c68c; }
html[data-theme="forest"] .core .atom i:nth-child(2) { border-color:#e3b764; }
html[data-theme="forest"] .core .atom i:nth-child(3) { border-color:#32483a; }
html[data-theme="forest"] .core .atom b,
html[data-theme="forest"] .core .atom b::after { border-color:rgba(227,183,100,.88); box-shadow:0 0 0 6px rgba(114,198,140,.15),0 0 30px rgba(114,198,140,.72); }

html[data-theme="ocean"] .orbit::before { background: radial-gradient(circle,rgba(35,181,211,.28),transparent 54%); }
html[data-theme="ocean"] .ring { border-color: rgba(35,181,211,.45); }
html[data-theme="ocean"] .ring.r2 { border-color: rgba(123,231,208,.35); }
html[data-theme="ocean"] .core { background: radial-gradient(circle at 38% 32%,#0d3044,#071e2e 60%); border-color:#23b5d3; box-shadow:0 0 0 12px rgba(35,181,211,.12),0 0 54px rgba(35,181,211,.58),inset 0 0 40px rgba(123,231,208,.25); }
html[data-theme="ocean"] .core .atom i { border-color:#23b5d3; }
html[data-theme="ocean"] .core .atom i:nth-child(2) { border-color:#7be7d0; }
html[data-theme="ocean"] .core .atom i:nth-child(3) { border-color:#1d4b61; }
html[data-theme="ocean"] .core .atom b,
html[data-theme="ocean"] .core .atom b::after { border-color:rgba(123,231,208,.88); box-shadow:0 0 0 6px rgba(35,181,211,.15),0 0 30px rgba(35,181,211,.72); }

html[data-theme="sunset"] .orbit::before { background: radial-gradient(circle,rgba(255,111,97,.28),transparent 54%); }
html[data-theme="sunset"] .ring { border-color: rgba(255,111,97,.45); }
html[data-theme="sunset"] .ring.r2 { border-color: rgba(255,179,71,.35); }
html[data-theme="sunset"] .core { background: radial-gradient(circle at 38% 32%,#8f3b73,#1a0d24 60%); border-color:#ff6f61; box-shadow:0 0 0 12px rgba(255,111,97,.12),0 0 54px rgba(255,96,108,.58),inset 0 0 40px rgba(255,179,71,.25); }
html[data-theme="sunset"] .core .atom i { border-color:#ff6f61; }
html[data-theme="sunset"] .core .atom i:nth-child(2) { border-color:#ffb347; }
html[data-theme="sunset"] .core .atom i:nth-child(3) { border-color:#532242; }
html[data-theme="sunset"] .core .atom b,
html[data-theme="sunset"] .core .atom b::after { border-color:rgba(255,179,71,.88); box-shadow:0 0 0 6px rgba(255,111,97,.15),0 0 30px rgba(255,96,108,.72); }

html[data-theme="dark"] .orbit::before { background: radial-gradient(circle,rgba(112,87,255,.28),transparent 54%); }
html[data-theme="dark"] .ring { border-color: rgba(117,158,255,.42); }
html[data-theme="dark"] .ring.r2 { border-color: rgba(255,188,86,.34); }
html[data-theme="dark"] .core { background: radial-gradient(circle at 40% 35%,#251b55,#090919 58%); border-color:#9a52ff; box-shadow:0 0 0 12px rgba(92,88,255,.09),0 0 55px #6c51ff88,inset 0 0 45px #2f225f; }
html[data-theme="dark"] .core .atom i { border-color:#7f6dff; }
html[data-theme="dark"] .core .atom i:nth-child(2) { border-color:#3f91ff; }
html[data-theme="dark"] .core .atom i:nth-child(3) { border-color:#35d69b; }
html[data-theme="dark"] .core .atom b,
html[data-theme="dark"] .core .atom b::after { border-color:rgba(230,186,255,.9); box-shadow:0 0 0 6px rgba(90,70,255,.12),0 0 30px #8a61ff; }

html[data-theme="light"] .orbit::before { background: radial-gradient(circle,rgba(99,78,255,.18),transparent 54%); }
html[data-theme="light"] .ring { border-color: rgba(98,83,199,.3); }
html[data-theme="light"] .ring.r2 { border-color: rgba(236,76,170,.25); }
html[data-theme="light"] .core { background: radial-gradient(circle at 40% 35%,#fff,#e8eafd 62%); border-color:#7c3aed; box-shadow:0 0 0 12px rgba(92,88,255,.07),0 0 45px #6c51ff55,inset 0 0 35px #d8d9f2; }
html[data-theme="light"] .core .atom i { border-color:#7c3aed; }
html[data-theme="light"] .core .atom i:nth-child(2) { border-color:#2563eb; }
html[data-theme="light"] .core .atom i:nth-child(3) { border-color:#059669; }
html[data-theme="light"] .core .atom b,
html[data-theme="light"] .core .atom b::after { border-color:rgba(124,58,237,.8); box-shadow:0 0 0 6px rgba(98,83,199,.1),0 0 25px rgba(124,58,237,.4); }
html[data-theme="light"] .brand small,
html[data-theme="light"] .intro,
html[data-theme="light"] .world p,
html[data-theme="light"] .identity p { color: #475569; }
html[data-theme="light"] .tagline { color: #0f172a; }
html[data-theme="light"] .ghost,
html[data-theme="light"] .login-btn,
html[data-theme="light"] .theme-toggle,
html[data-theme="light"] .currency-picker { border-color: rgba(30,40,75,.2); background: rgba(255,255,255,.88); color: #0f172a; }
html[data-theme="light"] .currency-picker select { color: #ffffff; }
html[data-theme="light"] .brand span { background-image: linear-gradient(100deg,#4338ca,#db2777); }