:root {
    /* General Colors */
    --background-color: #20232a;
    /* Dark background for the entire page */
    --primary-text-color: #d2d2d2;
    /* Light text color for good contrast */
    --hover-text-color: #ffffff;
    /* White for hover effects and emphasized text */
    --border-color: #3a3f45;
    /* Dark border color */
    --border-color-hover: #4a4f57;
    --secondary-text-color: #b0b0b0;
    /* Softer gray for secondary content */

    /* Menu Colors */
    --menu-background-color: #2b2f36;
    /* Darker background for menu tabs */
    --menu-hover-background: #3a3f45;
    /* Slightly lighter background for menu hover */
    --menu-active-text-color: #ffffff;
    /* White text for active menu item */
    --active-tab-background: #3f434c;
    /* Tab Pane Colors */
    --tab-pane-background: #2b2f36;
    /* Dark background for Tab Pane */
    --tab-pane-border: #3a3f45;
    /* Dark border for Tab Pane */

    /* Table Colors */
    --table-background: #2b2f36;
    /* Darker background for the table */
    --table-header-background: #333842;
    /* Darker background for table headers */
    --table-hover-background: #3a3f45;
    /* Darker hover effect for table rows */

    /* Button Colors */
    --button-background: #3a3f45;
    /* Darker button background */
    --button-hover-background: #4a4f57;
    /* Darker button background on hover */
    --button-positive-backgroud: #21ba45;
    /* Green for positive buttons */
    --button-positive-backgroud-hover: #21ba45aa;
    /* Input Colors */
    --input-background: #333842;
    /* Darker input field background */
    --input-border: #3a3f45;
    /* Dark border for input fields */
    --input-focus-border: #1677ffdd;
    /* White border on focus */

    /* Dropdown Colors */
    --dropdown-background: #333842;
    /* Dark background for dropdown */
    --dropdown-menu-background: #2b2f36;
    /* Dark background for dropdown menu */
    --dropdown-hover-background: #3a3f45;
    /* Darker background for dropdown item hover */
    --dropdown-item-hover-text-color: #e5e5e5;
    /* Light gray text for hovered dropdown item */


    /* Modal Colors */
    --modal-background: #2b2f36;
    /* Dark background for modal */
    --modal-header-background: #333842;
    /* Dark modal header background */
    --modal-content-background: #2b2f36;
    /* Dark background for modal content */
    --modal-actions-border: #3a3f45;
    /* Dark border for modal actions */

    /* Form Colors */
    --form-background: transparent;
    /* Dark background for form */
    --form-input-background: #333842;
    /* Darker background for input fields in forms */

    /* Checkbox Colors */
    --checkbox-checked-background: #4a4f57;
    /* Darker background when checkbox is checked */

    /* Segment Colors */
    --segment-background: #2b2f36;
    /* Dark background for segments */

    /* Statistic Colors */
    --stat-background: #2b2f36;
    /* Dark background for stats */
    --stat-text: #e5e5e5;
    /* Light text color for stats */
    --stat-green: #28a745;
    /* Green for success stats */
    --stat-pink: #E03997;
    /* Pink for emphasis */
    --stat-blue: #007bff;
    /* Blue for emphasis */

    /* Sidebar Colors */
    --sidebar-background: #2b2f36;
    /* Dark background for sidebar */

    /* Message Colors */
    --info-message-background: #2b2f36;
    /* Dark background for info messages */
    --info-message-text-color: #e5e5e5;
    /* Light text for info messages */

    /* Success Message Color */
    --success-message-text-color: lawngreen;
    /* Green text for success messages */

    /* Effort Colors */
    --effort-normal-color: #00ff00;
    /* Green for normal efforts */
    --effort-high-color: #ffa500;
    /* Orange for high efforts */
    --effort-critical-color: #ff6b6b;
    /* Red for critical efforts */
    --statistic-label-color: #e5e5e5;
    /* Light gray for statistic labels in dark theme */
    --stat-label-color: #e5e5e5;
    /* Light gray for statistic labels in dark theme */
    --positive-row-background: rgba(0, 255, 255, 0.1);
    /* Dark green for positive row background */
    --positive-row-text-color: #ffffff;
    /* White for positive row text */
    --custom-stat-bg: rgba(80, 80, 80, 0.28);
    /* Dark background for stat cards */
    --stat-value-color: #d3d3d3;
    /* Dark theme stat value color */

    /* Chart Colors */
    --chart-background: #2b2f36;
    --chart-text-color: #e5e5e5;
    --chart-subtitle-color: #d3d3d3;
    --chart-gridline-color: #444;
    --chart-axis-line-color: #444;
    --chart-line-color: #1890ff;
    --chart-area-fill-start: rgba(24, 144, 255, 0.4);
    --chart-area-fill-end: rgba(24, 144, 255, 0.05);
    --chart-tooltip-background: #444;
    --chart-tooltip-border: #666;
}

.ui.positive.message {
    color: var(--stat-green);
    background: transparent !important;

}

.ui.negative.message {
    color: #f5222d;
    background: transparent !important;
}