$light-bg-color: #FFFFFF;
$light-bg-underline-color: #e6e9ed;
$dark-bg-underline-color: #141723;
$dark-bg-color: #222738;

//$primary-color: #64a77c;
$primary-color: #002EA6;
$secondary-color: #ce5230;
$tertiary-color: #c4c744;

$bg-color-1: #3B8AFF;
$bg-color-2: #0051B5;

$unfocused-color: #8A92A6;

$light-text-color: #04040B;
$light-unfocused-color: $unfocused-color;

$dark-text-color: #D3D3D3;
$dark-unfocused-color: $unfocused-color;

$border:1px solid rgba(51, 51, 51, 0.17);

$gap: 8px;
$padding: 16px;
$radius: 8px;

.dark-mode html {
  $dark-bg-color: red;
}

@mixin SC_Font {
  font-family: "Noto Sans SC", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}