: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;

    /* Region badges */
    --region-eu-bg: rgba(88, 28, 135, 0.3);
    --region-eu-border: rgba(167, 139, 250, 0.72);
    --region-eu-text: #c4b5fd;
    --region-pl-bg: rgba(136, 19, 55, 0.3);
    --region-pl-border: rgba(251, 113, 133, 0.72);
    --region-pl-text: #fda4af;
    --region-tr-bg: rgba(124, 45, 18, 0.3);
    --region-tr-border: rgba(251, 146, 60, 0.72);
    --region-tr-text: #fed7aa;
    --region-ru-bg: rgba(127, 29, 29, 0.3);
    --region-ru-border: rgba(248, 113, 113, 0.72);
    --region-ru-text: #fca5a5;
    --region-us-bg: rgba(30, 64, 175, 0.3);
    --region-us-border: rgba(96, 165, 250, 0.72);
    --region-us-text: #93c5fd;
    --region-br-bg: rgba(113, 63, 18, 0.3);
    --region-br-border: rgba(250, 204, 21, 0.72);
    --region-br-text: #fde68a;
    --region-ca-bg: rgba(17, 94, 89, 0.3);
    --region-ca-border: rgba(45, 212, 191, 0.72);
    --region-ca-text: #99f6e4;
    --region-sg-bg: rgba(20, 83, 45, 0.3);
    --region-sg-border: rgba(74, 222, 128, 0.72);
    --region-sg-text: #bbf7d0;
    --region-id-bg: rgba(124, 45, 18, 0.3);
    --region-id-border: rgba(251, 146, 60, 0.72);
    --region-id-text: #fed7aa;
    --region-hk-bg: rgba(154, 52, 18, 0.3);
    --region-hk-border: rgba(249, 115, 22, 0.72);
    --region-hk-text: #fdba74;
    --region-in-bg: rgba(63, 98, 18, 0.3);
    --region-in-border: rgba(163, 230, 53, 0.72);
    --region-in-text: #d9f99d;
    --region-jp-bg: rgba(131, 24, 67, 0.3);
    --region-jp-border: rgba(244, 114, 182, 0.72);
    --region-jp-text: #fbcfe8;
    --region-au-bg: rgba(21, 94, 117, 0.3);
    --region-au-border: rgba(34, 211, 238, 0.72);
    --region-au-text: #a5f3fc;
}

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

}

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