:root {
    --primary-50: #e2f5f4;
    --primary-100: #d0eeec;
    --primary-200: #a1ddd8;
    --primary-300: #73ccc5;
    --primary-400: #54d4cd;
    --primary-500: #40b6b4;
    --primary-600: #339290;
    --primary-700: #2a7876;
    --primary-800: #205b5a;
    --primary-900: #174443;
    --primary-950: #0c1418;

    --danger-50: #ffe6e6;
    --danger-100: #ffd6d6;
    --danger-200: #ffbdbd;
    --danger-300: #ff9494;
    --danger-400: #ff6b6b;
    --danger-500: #ff5268;
    --danger-600: #ff2a2a;
    --danger-700: #f20000;
    --danger-800: #ad0000;
    --danger-900: #7d0000;
    --danger-950: #4c0000;

    --warning-50: #fff3d9;
    --warning-100: #ffe9bf;
    --warning-200: #ffdc95;
    --warning-300: #ffcf6b;
    --warning-400: #ffc24d;
    --warning-500: #ffae00;
    --warning-600: #cc8b00;
    --warning-700: #a37000;
    --warning-800: #805700;
    --warning-900: #5c3f00;
    --warning-950: #3c2800;

    --gray-50: #fafafa;
    --gray-100: #f2f4f6;
    --gray-200: #ebeeef;
    --gray-300: #e5e3df;
    --gray-400: #d0d9de;
    --gray-500: #7a8d97;
    --gray-600: #60717b;
    --gray-700: #3c474d;
    --gray-800: #2a2a2a;
    --gray-900: #1e1e1e;
    --gray-950: #0c1418;
}

.fi-wi-stats-overview-stat.mira-stat-clickable {
    cursor: pointer;
    transition: opacity 0.15s ease;
}

.fi-wi-stats-overview-stat.mira-stat-clickable:hover {
    opacity: 0.8;
}