@charset "utf-8";

/* タブグループのラベルの色（ライトモードのみ）を変更、折畳時も展開時と同じ配色に */
:root {
    --tab-group-color-blue : light-dark(#0050c0, var(--tab-group-color-blue-invert)) !important;
    --tab-group-color-blue-pale : var(--tab-group-color-blue) !important;

    --tab-group-color-purple : light-dark(#8020b0, var(--tab-group-color-purple-invert)) !important;
    --tab-group-color-purple-pale : var(--tab-group-color-purple) !important;

    --tab-group-color-cyan : light-dark(#008090, var(--tab-group-color-cyan-invert)) !important;
    --tab-group-color-cyan-pale : var(--tab-group-color-cyan) !important;

    --tab-group-color-orange : light-dark(#a05000, var(--tab-group-color-orange-invert)) !important;
    --tab-group-color-orange-pale : var(--tab-group-color-orange) !important;

    --tab-group-color-yellow : light-dark(#90b020, var(--tab-group-color-yellow-invert)) !important;
    --tab-group-color-yellow-pale : var(--tab-group-color-yellow) !important;

    --tab-group-color-pink : light-dark(#c000a0, var(--tab-group-color-pink-invert)) !important;
    --tab-group-color-pink-pale : var(--tab-group-color-pink) !important;

    --tab-group-color-green : light-dark(#008000, var(--tab-group-color-green-invert)) !important;
    --tab-group-color-green-pale : var(--tab-group-color-green) !important;

    --tab-group-color-gray : light-dark(#506070, var(--tab-group-color-gray-invert)) !important;
    --tab-group-color-gray-pale : var(--tab-group-color-gray) !important;

    --tab-group-color-red : light-dark(#b00030, var(--tab-group-color-red-invert)) !important;
    --tab-group-color-red-pale : var(--tab-group-color-red) !important;
}

.tab-group-label {
    color : light-dark(#ffffff, var(--tab-group-label-text-dark)) !important;
}