@charset "utf-8";

@mixin day {
  @include block;
  @include scrollbar;
  @include text;
  @include input;
  @include tipBox;
}

@mixin block {
  --default-background-color: #eaecee;
  --default-left-box-shadow: #fff;
  --default-right-box-shadow: #c8ccd3;

  --blue-background-color: linear-gradient(to top, #00b7ff, #21c0ff);
  --blue-left-box-shadow: #21c0ff4d;
  --blue-right-box-shadow: #00a2c657;

  --pink-background-color: linear-gradient(-235deg, #ffe1e1, #ffcccc);
  --pink-left-box-shadow: #ffebeb;
  --pink-right-box-shadow: #c8c7c7;

  --grey-background-color: linear-gradient(-235deg, #dededebf, #bdbdbda8);
  --grey-left-box-shadow: #eaeaeabf;
  --grey-right-box-shadow: #adadada8;
}

@mixin scrollbar {
  --default-scrollbar-width: 8px;
  --default-scrollbar-height: 8px;
  --default-scrollbar-thumb-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  --default-scrollbar-thumb-background: rgba(158, 158, 158, 0.7);
  --default-scrollbar-thumb-hover-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  --default-scrollbar-thumb-hover-background: rgba(158, 158, 158, 1);
  --default-scrollbar-track-box-shadow: inset 0 0 6px rgb(0 0 0 / 26%);
  --default-scrollbar-track-background: #fff;
}

@mixin text {
  --default-text-color: black;

  --blue-text-color: #00a8ff;
  --success-text-color: #67C23A;
  --warning-text-color: #E6A23C;
  --error-text-color: #F56C6C;
  --pottery-text-color: #ae6642;
  --red-text-color: #ff1717;
}

@mixin input {
  --default-input-caret-color: #995300;
  --default-input-border: 1px #d5d5d5 solid;
  --default-input-focus-border: 1px #beecff solid;
  --default-input-box-shadow: inset 2px 2px 4px #bebebe, inset -2px -2px 4px #ffffff;
}

@mixin tipBox {
  --default-tipBox-background-color: #f5f5f5de;
  --default-tipBox-border: 1px #7977774f solid;
  --default-tipBox-box-shadow: 0 0 10px 0 #c4c4c48a, inset 0 0 15px 6px #ffffff7d;
}