[data-theme='default'] {
    --color98: hsl(255, 80%, 98%);
    --color97: hsl(255, 80%, 97%);
    --color96: hsl(255, 80%, 96%);
    --color90: hsl(255, 80%, 90%);
    --color85: hsl(255, 70%, 85%);
    --color80: hsl(255, 70%, 80%);
    --color70: hsl(255, 70%, 70%);
    --color60: hsl(255, 70%, 60%);
    --color50: hsl(255, 70%, 50%);

    --black: hsl(0, 0%, 20%);
    --white: hsl(255, 30%, 99%);
    --usr: hsl(255, 70%, 60%);
    --usrtxt: hsl(255, 30%, 99%);
}

[data-theme='dodger'] {
    --color98: hsl(210, 80%, 98%);
    --color97: hsl(210, 80%, 97%);
    --color96: hsl(210, 80%, 96%);
    --color90: hsl(210, 80%, 90%);
    --color85: hsl(210, 70%, 85%);
    --color80: hsl(210, 70%, 80%);
    --color70: hsl(210, 50%, 70%);
    --color60: hsl(210, 80%, 60%);
    --color50: hsl(210, 50%, 50%);

    --black: hsl(0, 0%, 20%);
    --white: hsl(255, 30%, 99%);
}

[data-theme=barbie] {
    --color98: hsl(300, 80%, 98%);
    --color97: hsl(300, 80%, 97%);
    --color96: hsl(300, 80%, 96%);
    --color90: hsl(300, 80%, 90%);
    --color85: hsl(300, 70%, 85%);
    --color80: hsl(300, 70%, 80%);
    --color70: hsl(300, 50%, 70%);
    --color60: hsl(300, 50%, 60%);
    --color50: hsl(300, 50%, 50%);

    --black: hsl(0, 0%, 20%);
    --white: hsl(255, 30%, 99%);
    --usr: hsl(300, 50%, 70%);
    --usrtxt: hsl(255, 30%, 99%);
}

[data-theme='classic'] {
    --color98: hsl(360, 0%, 98%);
    --color97: hsl(360, 0%, 97%);
    --color96: hsl(360, 0%, 96%);
    --color90: hsl(360, 0%, 90%);
    --color85: hsl(360, 0%, 85%);
    --color80: hsl(360, 0%, 80%);
    --color70: hsl(360, 0%, 70%);
    --color60: hsl(360, 0%, 50%);
    --color50: hsl(360, 0%, 40%);

    --black: hsl(0, 0%, 20%);
    --white: hsl(255, 30%, 99%);
}