@import './style-dictionary.scss'
@import './functions.scss'

$colorDefault: #021A2C;

.screen-default
    background: $colorDefault

.screen-cyan
    background: $color-cyan-medium

.screen-magenta
    background: $color-magenta-medium

.screen-yellow
    background: $color-yellow-medium

.screen-magenta-gradient
    @include background-gradient-diagonal($color-magenta-darker, $color-magenta-medium);

.screen-basic-gradient
    @include background-gradient-diagonal($color-black-medium, $color-basic-medium);
    
.screen-purple
    background: $color-purple-medium

.bg-basic-gradient
    @include background-gradient-diagonal($color-black-medium, $color-basic-medium);

.bg-cyan-gradient
    @include background-gradient-diagonal($color-cyan-dark, $color-cyan-medium);

.bg-yellow-gradient
    @include background-gradient-diagonal($color-yellow-dark, $color-yellow-medium);

.bg-purple-gradient
    @include background-gradient-diagonal($color-purple-dark, $color-purple-medium);

.bg-magenta-gradient
    @include background-gradient-diagonal($color-magenta-dark, $color-magenta-medium);

.bg-positive
    @include background-gradient-diagonal($color-basic-darker, $color-cyan-medium);

.bg-negative
    @include background-gradient-diagonal($color-basic-darker, $color-purple-medium);

.bg-neutro
    @include background-gradient-diagonal($color-basic-darker, $color-magenta-medium);

.bg-error
    @include background-gradient-diagonal($color-basic-darkside, $color-black-medium);

.bg-warning
    @include background-gradient-diagonal($color-basic-darkside, $color-basic-dark);

.bg-inconsistency
    @include background-gradient-diagonal($color-cyan-medium, $color-purple-medium,)  
    

.bg-positive-linear
    @include background-gradient-linear(left, $color-cyan-darker, 0%, $color-cyan-medium, 100%);

.bg-negative-linear
    @include background-gradient-linear(left, $color-purple-darker, 0%, $color-purple-medium, 100%);

.bg-neutro-linear
    @include background-gradient-linear(left, $color-magenta-darker, 0%, $color-magenta-medium, 100%);

.bg-error-linear
    @include background-gradient-linear(left, $color-black-medium, 0%, $color-basic-darkside, 100%);

.bg-warning-linear
    @include background-gradient-linear(left, $color-basic-darkside, 0%, $color-basic-dark, 100%);

.bg-dark
    @include background-gradient-bot-top($color-black-medium, $color-black-light);

.bg-inconsistency-linear
    @include background-gradient-diagonal($color-purple-medium, $color-cyan-medium)

.bg-image-cyan
    background: url("assets/images/backgrounds/cyan-bg.png") no-repeat left
    background-size: 100%

.bg-image-purple
    background: url("assets/images/backgrounds/purple-bg.png") no-repeat left
    background-size: 100%

.bg-image-magenta
    background: url("assets/images/backgrounds/magenta-bg.png") no-repeat left
    background-size: 100%

.bg-image-error
    background: url("assets/images/backgrounds/error-bg.png") no-repeat left
    background-size: 100%

.bg-image-warning
    background: url("assets/images/backgrounds/warning-bg.png") no-repeat left
    background-size: 100%