import { css } from 'styled-components';

export const scorecard = css`
    --scorecard-level-color-5-1: var(--color-error-base);
    --scorecard-level-color-5-2: var(--color-persian-green-4);
    --scorecard-level-color-5-3: var(--color-persian-green-5);
    --scorecard-level-color-5-4: var(--color-persian-green-6);
    --scorecard-level-color-5-5: var(--color-persian-green-7);

    --scorecard-level-color-4-1: var(--color-error-base);
    --scorecard-level-color-4-2: var(--color-persian-green-4);
    --scorecard-level-color-4-3: var(--color-persian-green-5);
    --scorecard-level-color-4-4: var(--color-persian-green-6);

    --scorecard-level-color-3-1: var(--color-error-base);
    --scorecard-level-color-3-2: var(--color-persian-green-5);
    --scorecard-level-color-3-3: var(--color-persian-green-6);

    --scorecard-level-color-2-1: var(--color-error-base);
    --scorecard-level-color-2-2: var(--color-persian-green-5);
    `;