@use "sass:color";
@use "../sizes" as *;
@use "../colors" as *;

// adduse

$clock-digits-color: null !default;
$clock-bg-color: null !default;

@if $color == "carmine" {
  $clock-digits-color: $base-label-color !default;
}

@if $color == "contrast" {
  $clock-digits-color: $base-inverted-text-color !default;
  $clock-bg-color: $base-inverted-bg !default;
}

@if $color == "dark" {
  $clock-digits-color: darken($base-text-color, 38.5%) !default;
}

@if $color == "darkmoon" {
  $clock-digits-color: $screen-text-color !default;
}

@if $color == "darkviolet" {
  $clock-digits-color: darken($base-text-color, 38.5%) !default;
}

@if $color == "greenmist" {
  $clock-digits-color: lighten($base-text-color, 38.5%) !default;
}

@if $color == "light" {
  $clock-digits-color: lighten($base-text-color, 38.5%) !default;
}

@if $color == "softblue" {
  $clock-digits-color: $base-icon-color !default;
}

$clock-bg-color: $base-bg !default; // stylelint-disable-line scss/no-duplicate-dollar-variables