:root {
    /* 自動生成 */
    /* --primary-color: #3498db;
    --secondary-color: #2ecc71;
    --accent-color: #e74c3c;
    --background-color: #ecf0f1;
    --text-color: #2c3e50;
    --border-color: #bdc3c7; */
    --text-color: #0f2650;

    /* 診断結果による表示色 */
    --status-danger-color: #b72a27;
    --status-warning-color: #eea20e;
    --status-no-problem-color: #169e72;
    --status-in-progress-color: #768aa4;

    /* 診断結果による表示色（上記colorをfilter値に変換したもの） */
    --status-danger-filter: brightness(0) saturate(100%) invert(17%) sepia(73%) saturate(2926%) hue-rotate(353deg) brightness(107%) contrast(78%);
    --status-warning-filter: brightness(0) saturate(100%) invert(66%) sepia(50%) saturate(715%) hue-rotate(356deg) brightness(91%) contrast(107%);
    --status-no-problem-filter: brightness(0) saturate(100%) invert(35%) sepia(89%) saturate(2812%) hue-rotate(142deg) brightness(99%) contrast(83%);
    --status-in-progress-filter: brightness(0) saturate(100%) invert(59%) sepia(28%) saturate(337%) hue-rotate(174deg) brightness(85%) contrast(87%);
    --status-stopped-filter: brightness(0) saturate(100%) invert(77%) sepia(10%) saturate(330%) hue-rotate(172deg) brightness(85%) contrast(90%);
}