:root{--bg-color:#ffffff;--text-color:#333333;--hero-bg:linear-gradient(90deg,#e3ffe8 0%,#f9f9ff 100%);--feature-box-bg:#ffffff;--feature-box-border:#e0e0e0;--breadcrumb-bg:rgba(255,255,255,0.8);--accordion-bg:#ffffff;--accordion-border:#dee2e6;--link-color:#0d6efd;--muted-color:#6c757d;--shadow:rgba(0,0,0,0.1)}[data-theme="dark"]{--bg-color:#1a1a1a;--text-color:#e0e0e0;--hero-bg:linear-gradient(90deg,#2d4a2d 0%,#2a2a3a 100%);--feature-box-bg:#2d2d2d;--feature-box-border:#404040;--breadcrumb-bg:rgba(45,45,45,0.9);--accordion-bg:#2d2d2d;--accordion-border:#404040;--link-color:#66b3ff;--muted-color:#a0a0a0;--shadow:rgba(255,255,255,0.1)}body{background-color:var(--bg-color);color:var(--text-color);transition:background-color 0.3s ease,color 0.3s ease}.hero-section{background:var(--hero-bg) !important}.feature-box{background-color:var(--feature-box-bg);border:1px solid var(--feature-box-border);box-shadow:0 2px 10px var(--shadow);transition:background-color 0.3s ease,border-color 0.3s ease}.breadcrumb{background-color:var(--breadcrumb-bg);transition:background-color 0.3s ease}.accordion-item{background-color:var(--accordion-bg);border-color:var(--accordion-border)}.accordion-button{background-color:var(--accordion-bg);color:var(--text-color);border-color:var(--accordion-border)}.accordion-button:not(.collapsed){background-color:var(--feature-box-bg);color:var(--text-color)}.accordion-body{background-color:var(--accordion-bg);color:var(--text-color)}.breadcrumb-item a,.calculator-link,a{color:var(--link-color)}.text-muted{color:var(--muted-color) !important}.toc-container{background-color:var(--feature-box-bg);border:1px solid var(--feature-box-border);padding:20px;border-radius:8px;transition:background-color 0.3s ease,border-color 0.3s ease}.toc-container a{color:var(--link-color)}.dark-mode-toggle{position:fixed;bottom:20px;right:20px;z-index:1000;background:var(--feature-box-bg);border:2px solid var(--feature-box-border);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px var(--shadow);transition:all 0.3s ease;color:var(--text-color)}.dark-mode-toggle:hover{transform:scale(1.1);box-shadow:0 6px 20px var(--shadow)}.dark-mode-toggle i{font-size:20px;transition:transform 0.3s ease}.dark-mode-toggle:hover i{transform:rotate(180deg)}[data-theme="dark"] .converter-image{opacity:0.9;border-radius:8px}[data-theme="dark"] .display-5{color:#4CAF50}[data-theme="dark"] .text-success{color:#66bb6a !important}[data-theme="dark"] .text-info{color:#4fc3f7 !important}[data-theme="dark"] .text-warning{color:#ffb74d !important}[data-theme="dark"] .text-primary{color:#64b5f6 !important}[data-theme="dark"] .text-dark{color:var(--text-color) !important}body,.hero-section,.feature-box,.breadcrumb,.accordion-item,.accordion-button,.accordion-body,.toc-container,.dark-mode-toggle{transition:background-color .3s ease,color .3s ease,border-color .3s ease}@media (max-width:768px){.dark-mode-toggle{bottom:15px;right:15px;width:45px;height:45px}.dark-mode-toggle i{font-size:18px}}