:root {
	--app-font-family: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	--app-page-max-width: 1320px;
	--app-page-padding: 28px;
	--app-color-scheme: dark;
	--app-page-bg: #020617;
	--app-surface-bg: rgba(15, 23, 42, 0.82);
	--app-surface-bg-strong: rgba(15, 23, 42, 0.96);
	--app-surface-border: rgba(255, 255, 255, 0.08);
	--app-surface-shadow: 0 24px 60px rgba(0, 0, 0, 0.18);
	--app-navbar-shadow: 0 10px 35px rgba(2, 6, 23, 0.22);
	--app-input-bg: rgba(2, 6, 23, 0.78);
	--app-input-border: rgba(148, 163, 184, 0.24);
	--app-select-option-bg: #0f172a;
	--app-select-option-text: #ffffff;
	--app-text-primary: #ffffff;
	--app-text-secondary: #cbd5e1;
	--app-text-muted: #94a3b8;
	--app-overlay-bg: rgba(2, 6, 23, 0.78);
	--app-overlay-bg-strong: rgba(2, 6, 23, 0.92);
	--app-ghost-bg: rgba(255, 255, 255, 0.06);
	--app-ghost-bg-hover: rgba(255, 255, 255, 0.12);
	--app-ghost-border: rgba(255, 255, 255, 0.12);
	--app-card-bg-soft: rgba(255, 255, 255, 0.04);
	--app-card-bg-strong: rgba(15, 23, 42, 0.92);
	--app-card-border-soft: rgba(255, 255, 255, 0.08);
	--app-item-bg-soft: rgba(255, 255, 255, 0.04);
	--app-item-border-soft: rgba(255, 255, 255, 0.06);
	--app-empty-state-bg: rgba(255, 255, 255, 0.03);
	--app-empty-state-border: rgba(148, 163, 184, 0.35);
	--app-row-divider: rgba(255, 255, 255, 0.08);
	--app-row-divider-soft: rgba(255, 255, 255, 0.06);
	--app-row-hover-bg: rgba(255, 255, 255, 0.03);
	--app-danger-ghost-bg: rgba(248, 113, 113, 0.16);
	--app-danger-ghost-bg-hover: rgba(248, 113, 113, 0.24);
	--app-danger-ghost-border: rgba(248, 113, 113, 0.18);
	--app-danger-ghost-text: #fecaca;
	--app-link-accent: #7dd3fc;
	--app-link-accent-hover: #e0f2fe;
	--app-primary-bg: #2563eb;
	--app-primary-bg-hover: #1d4ed8;
	--app-primary-text: #ffffff;
	--app-secondary-bg: rgba(14, 116, 144, 0.16);
	--app-secondary-bg-hover: rgba(14, 116, 144, 0.24);
	--app-secondary-border: rgba(125, 211, 252, 0.22);
	--app-secondary-text: #bae6fd;
	--app-danger-bg: #991b1b;
	--app-danger-bg-hover: #7f1d1d;
	--app-danger-border: #b91c1c;
	--app-danger-text: #fee2e2;
	--app-button-min-height: 42px;
	--app-button-min-width: 0px;
	--app-button-padding-y: 10px;
	--app-button-padding-x: 16px;
	--app-button-font-size: 0.94rem;
	--app-button-font-weight: 700;
	--app-feedback-warning: #fcd34d;
	--app-feedback-success: #86efac;
	--app-profit-positive: #86efac;
	--app-profit-negative: #fca5a5;
	--app-profit-neutral: var(--app-text-primary);
	--app-notice-info-bg: rgba(14, 116, 144, 0.16);
	--app-notice-info-border: rgba(125, 211, 252, 0.24);
	--app-notice-info-text: #bae6fd;
	--app-notice-warning-bg: rgba(120, 53, 15, 0.22);
	--app-notice-warning-border: rgba(251, 191, 36, 0.26);
	--app-notice-warning-text: #fde68a;
	--app-notice-attention-bg: rgba(55, 48, 163, 0.2);
	--app-notice-attention-border: rgba(129, 140, 248, 0.28);
	--app-notice-attention-text: #c7d2fe;
	--app-notice-danger-bg: rgba(153, 27, 27, 0.2);
	--app-notice-danger-border: rgba(248, 113, 113, 0.28);
	--app-notice-danger-text: #fecaca;
	--app-transaction-buy-bg: rgba(21, 128, 61, 0.2);
	--app-transaction-buy-border: rgba(74, 222, 128, 0.28);
	--app-transaction-buy-text: #bbf7d0;
	--app-transaction-sell-bg: rgba(153, 27, 27, 0.2);
	--app-transaction-sell-border: rgba(248, 113, 113, 0.28);
	--app-transaction-sell-text: #fecaca;
	--app-transaction-update-bg: rgba(30, 64, 175, 0.2);
	--app-transaction-update-border: rgba(96, 165, 250, 0.28);
	--app-transaction-update-text: #bfdbfe;
	--app-transaction-dividend-bg: rgba(126, 34, 206, 0.22);
	--app-transaction-dividend-border: rgba(216, 180, 254, 0.28);
	--app-transaction-dividend-text: #e9d5ff;
	--app-transaction-move-bg: rgba(51, 65, 85, 0.72);
	--app-transaction-move-border: rgba(148, 163, 184, 0.24);
	--app-transaction-move-text: #e2e8f0;
	--app-chart-grid: rgba(148, 163, 184, 0.16);
	--app-chart-axis-text: #94a3b8;
	--app-chart-area-fill: rgba(96, 165, 250, 0.18);
	--app-chart-line: #60a5fa;
	--app-chart-point-fill: #020617;
	--app-chart-point-stroke: #bae6fd;
	--app-chart-last-point-fill: #38bdf8;
	--app-chart-last-point-stroke: #e0f2fe;
	--app-accent-panel-bg: rgba(30, 64, 175, 0.18);
	--app-accent-panel-border: rgba(96, 165, 250, 0.18);
	--app-accent-panel-emphasis: rgba(125, 211, 252, 0.6);
	--app-dashboard-activity-accent: rgba(59, 130, 246, 0.9);
	--app-dashboard-watchlist-accent: rgba(34, 211, 238, 0.9);
	--app-dashboard-section-accent: rgba(59, 130, 246, 0.95);
	--app-dashboard-page-art-image: none;
	--app-dashboard-page-art-size: min(0px, 0px);
	--app-dashboard-page-art-position: center top;
	--app-dashboard-page-art-opacity: 0;
	--app-dashboard-bottom-art-image: none;
	--app-dashboard-bottom-art-size: min(420px, 72vw);
	--app-dashboard-bottom-art-height: 0px;
	--app-dashboard-bottom-art-position: center bottom;
	--app-dashboard-bottom-art-opacity: 0;
	--app-section-divider: rgba(255, 255, 255, 0.14);
	--app-focus-border-color: #3b82f6;
	--app-focus-ring: 0 0 0 3px rgba(59, 130, 246, 0.18);
	--app-nav-accent-shadow: 0 4px 18px rgba(59, 130, 246, 0.25);
	--app-radius-card: 28px;
	--app-radius-control: 12px;
	--app-transition-fast: 0.18s ease;
	--app-transition-base: 0.24s ease;
}

