$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); $border-dark:1px solid rgba(255, 255, 255, 0.17); $gap: 4px; $padding: 8px; $radius: 4px; .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; }