: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 */
}

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

}

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