@import "tailwindcss";
@import "../tokens.css";

/* fill — series */
@utility fill-dataviz-series-1 {
    fill: var(--fill-dataviz-series-1);
}
@utility fill-dataviz-series-2 {
    fill: var(--fill-dataviz-series-2);
}
@utility fill-dataviz-series-3 {
    fill: var(--fill-dataviz-series-3);
}
@utility fill-dataviz-series-4 {
    fill: var(--fill-dataviz-series-4);
}
@utility fill-dataviz-series-5 {
    fill: var(--fill-dataviz-series-5);
}
@utility fill-dataviz-series-6 {
    fill: var(--fill-dataviz-series-6);
}
@utility fill-dataviz-series-7 {
    fill: var(--fill-dataviz-series-7);
}
@utility fill-dataviz-series-8 {
    fill: var(--fill-dataviz-series-8);
}
@utility fill-dataviz-series-9 {
    fill: var(--fill-dataviz-series-9);
}

/* fill — sequential indigo */
@utility fill-dataviz-sequential-indigo-1 {
    fill: var(--fill-dataviz-sequential-indigo-1);
}
@utility fill-dataviz-sequential-indigo-2 {
    fill: var(--fill-dataviz-sequential-indigo-2);
}
@utility fill-dataviz-sequential-indigo-3 {
    fill: var(--fill-dataviz-sequential-indigo-3);
}
@utility fill-dataviz-sequential-indigo-4 {
    fill: var(--fill-dataviz-sequential-indigo-4);
}
@utility fill-dataviz-sequential-indigo-5 {
    fill: var(--fill-dataviz-sequential-indigo-5);
}
@utility fill-dataviz-sequential-indigo-6 {
    fill: var(--fill-dataviz-sequential-indigo-6);
}

/* fill — sequential orange */
@utility fill-dataviz-sequential-orange-1 {
    fill: var(--fill-dataviz-sequential-orange-1);
}
@utility fill-dataviz-sequential-orange-2 {
    fill: var(--fill-dataviz-sequential-orange-2);
}
@utility fill-dataviz-sequential-orange-3 {
    fill: var(--fill-dataviz-sequential-orange-3);
}
@utility fill-dataviz-sequential-orange-4 {
    fill: var(--fill-dataviz-sequential-orange-4);
}
@utility fill-dataviz-sequential-orange-5 {
    fill: var(--fill-dataviz-sequential-orange-5);
}
@utility fill-dataviz-sequential-orange-6 {
    fill: var(--fill-dataviz-sequential-orange-6);
}

/* fill — diverging */
@utility fill-dataviz-diverging-1 {
    fill: var(--fill-dataviz-diverging-1);
}
@utility fill-dataviz-diverging-2 {
    fill: var(--fill-dataviz-diverging-2);
}
@utility fill-dataviz-diverging-3 {
    fill: var(--fill-dataviz-diverging-3);
}
@utility fill-dataviz-diverging-4 {
    fill: var(--fill-dataviz-diverging-4);
}
@utility fill-dataviz-diverging-5 {
    fill: var(--fill-dataviz-diverging-5);
}
@utility fill-dataviz-diverging-6 {
    fill: var(--fill-dataviz-diverging-6);
}
@utility fill-dataviz-diverging-7 {
    fill: var(--fill-dataviz-diverging-7);
}
@utility fill-dataviz-diverging-8 {
    fill: var(--fill-dataviz-diverging-8);
}
@utility fill-dataviz-diverging-9 {
    fill: var(--fill-dataviz-diverging-9);
}

/* stroke — series */
@utility stroke-dataviz-series-1 {
    stroke: var(--stroke-dataviz-series-1);
}
@utility stroke-dataviz-series-2 {
    stroke: var(--stroke-dataviz-series-2);
}
@utility stroke-dataviz-series-3 {
    stroke: var(--stroke-dataviz-series-3);
}
@utility stroke-dataviz-series-4 {
    stroke: var(--stroke-dataviz-series-4);
}
@utility stroke-dataviz-series-5 {
    stroke: var(--stroke-dataviz-series-5);
}
@utility stroke-dataviz-series-6 {
    stroke: var(--stroke-dataviz-series-6);
}
@utility stroke-dataviz-series-7 {
    stroke: var(--stroke-dataviz-series-7);
}
@utility stroke-dataviz-series-8 {
    stroke: var(--stroke-dataviz-series-8);
}
@utility stroke-dataviz-series-9 {
    stroke: var(--stroke-dataviz-series-9);
}

/* stroke — sequential indigo */
@utility stroke-dataviz-sequential-indigo-1 {
    stroke: var(--stroke-dataviz-sequential-indigo-1);
}
@utility stroke-dataviz-sequential-indigo-2 {
    stroke: var(--stroke-dataviz-sequential-indigo-2);
}
@utility stroke-dataviz-sequential-indigo-3 {
    stroke: var(--stroke-dataviz-sequential-indigo-3);
}
@utility stroke-dataviz-sequential-indigo-4 {
    stroke: var(--stroke-dataviz-sequential-indigo-4);
}
@utility stroke-dataviz-sequential-indigo-5 {
    stroke: var(--stroke-dataviz-sequential-indigo-5);
}
@utility stroke-dataviz-sequential-indigo-6 {
    stroke: var(--stroke-dataviz-sequential-indigo-6);
}

/* stroke — sequential orange */
@utility stroke-dataviz-sequential-orange-1 {
    stroke: var(--stroke-dataviz-sequential-orange-1);
}
@utility stroke-dataviz-sequential-orange-2 {
    stroke: var(--stroke-dataviz-sequential-orange-2);
}
@utility stroke-dataviz-sequential-orange-3 {
    stroke: var(--stroke-dataviz-sequential-orange-3);
}
@utility stroke-dataviz-sequential-orange-4 {
    stroke: var(--stroke-dataviz-sequential-orange-4);
}
@utility stroke-dataviz-sequential-orange-5 {
    stroke: var(--stroke-dataviz-sequential-orange-5);
}
@utility stroke-dataviz-sequential-orange-6 {
    stroke: var(--stroke-dataviz-sequential-orange-6);
}

/* stroke — diverging */
@utility stroke-dataviz-diverging-1 {
    stroke: var(--stroke-dataviz-diverging-1);
}
@utility stroke-dataviz-diverging-2 {
    stroke: var(--stroke-dataviz-diverging-2);
}
@utility stroke-dataviz-diverging-3 {
    stroke: var(--stroke-dataviz-diverging-3);
}
@utility stroke-dataviz-diverging-4 {
    stroke: var(--stroke-dataviz-diverging-4);
}
@utility stroke-dataviz-diverging-5 {
    stroke: var(--stroke-dataviz-diverging-5);
}
@utility stroke-dataviz-diverging-6 {
    stroke: var(--stroke-dataviz-diverging-6);
}
@utility stroke-dataviz-diverging-7 {
    stroke: var(--stroke-dataviz-diverging-7);
}
@utility stroke-dataviz-diverging-8 {
    stroke: var(--stroke-dataviz-diverging-8);
}
@utility stroke-dataviz-diverging-9 {
    stroke: var(--stroke-dataviz-diverging-9);
}
