:root {
    --base-h: 167;
    --base-s: 100%;
    --base-l: 33%;
    --primary-h: 167;
    --primary-s: 100%;
    --primary-l: 33%;
    --secondary: 79 87% 67%;
    --link-color-h: 227;
    --link-color-s: 96%;
    --link-color-l: 59%;
    --dtm-theme-primary: #00a884;
    --dtm-theme-primary-rgb: 0, 168, 132;
    --dtm-theme-secondary: #c7f464;
    --dtm-theme-secondary-rgb: 199, 244, 100;
    --dtm-on-primary: #061b16;
    --dtm-on-primary-strong: #ffffff;
    --dtm-canvas: #f3f5f1;
    --dtm-canvas-deep: #e9eeea;
    --dtm-panel: #ffffff;
    --dtm-panel-soft: #f8faf7;
    --dtm-line: #dfe5e2;
    --dtm-line-strong: #cbd5d0;
    --dtm-navy: #0b1524;
    --dtm-navy-soft: #13243a;
    --dtm-emerald: #00a884;
    --dtm-emerald-deep: #00866a;
    --dtm-emerald-soft: #e0f5f0;
    --dtm-cobalt: #315efb;
    --dtm-theme-link-rgb: 49, 94, 251;
    --dtm-theme-glow: #45e6ff;
    --dtm-theme-glow-rgb: 69, 230, 255;
    --dtm-theme-bright: #74f7b2;
    --dtm-theme-bright-rgb: 116, 247, 178;
    --dtm-theme-neon: #cdfc6a;
    --dtm-theme-neon-rgb: 205, 252, 106;
    --dtm-lime: #c7f464;
    --dtm-info: #315efb;
}

body.investhub-shell {
    background:
        radial-gradient(circle at 84% 4%, rgba(0, 168, 132, .08), transparent 26rem),
        var(--dtm-canvas) !important;
}

.investhub-shell a {
    color: var(--dtm-cobalt);
}

.investhub-shell a:hover,
.investhub-shell :where(.text--base, .text-primary, .text--primary) {
    color: var(--dtm-emerald-deep) !important;
}

.investhub-shell :where(.bg--base, .bg--primary) {
    background-color: var(--dtm-emerald) !important;
    color: var(--dtm-on-primary) !important;
}

.investhub-shell :where(.border--base, .border--primary) {
    border-color: var(--dtm-emerald) !important;
}

.investhub-shell :where(.btn--base, .cmn--btn, .cmn-btn, .plan-btn, .btn--primary) {
    border-color: var(--dtm-emerald) !important;
    background: var(--dtm-emerald) !important;
    color: var(--dtm-on-primary) !important;
}

.investhub-shell :where(.btn--base, .cmn--btn, .cmn-btn, .plan-btn, .btn--primary):hover,
.investhub-shell :where(.btn--base, .cmn--btn, .cmn-btn, .plan-btn, .btn--primary):focus {
    border-color: var(--dtm-emerald-deep) !important;
    background: var(--dtm-emerald-deep) !important;
    color: var(--dtm-on-primary-strong) !important;
}

.investhub-shell :where(.badge--base, .badge--primary) {
    border-color: var(--dtm-emerald) !important;
    background: rgba(0, 168, 132, .12) !important;
    color: var(--dtm-emerald-deep) !important;
}

.investhub-shell :where(.form-control, .form-select, select, textarea, input):focus {
    border-color: var(--dtm-emerald) !important;
    box-shadow: 0 0 0 3px rgba(0, 168, 132, .12) !important;
}

.investhub-shell :where(.header, .dashboard-sidebar, .sidebar-menu) {
    background:
        radial-gradient(circle at 18% 6%, rgba(0, 168, 132, .16), transparent 16rem),
        var(--dtm-navy) !important;
}

.investhub-shell :where(.dashboard-sidebar .active, .sidebar-menu .active, .dashboard-menu .active) {
    border-color: rgba(0, 168, 132, .25) !important;
    background: rgba(0, 168, 132, .14) !important;
    color: #ffffff !important;
}

.investhub-shell :where(.table .badge, .pagination .active .page-link) {
    border-color: var(--dtm-emerald) !important;
    background: var(--dtm-emerald) !important;
    color: var(--dtm-on-primary) !important;
}

.investhub-shell :where(.market-loader__bars i, .app-quick-action__icon, .dash-stat-icon) {
    background: var(--dtm-emerald) !important;
}

.investhub-shell :where(.dashboard-card, .app-surface, .market-shell-card, .modal-content):focus-within {
    border-color: rgba(0, 168, 132, .26) !important;
}