@use '../style/base' as *;

// #variables
@include theme-dark {
  --gms-neutral: var(--gms-gray-400);

  // # 灰度场景色
  --gms-body-color: var(--gms-gray-100);
  --gms-body-bg: var(--gms-black);
  --gms-secondary-color: var(--gms-gray-300);
  --gms-secondary-bg: var(--gms-gray-700);
  --gms-tertiary-color: var(--gms-gray-500);
  --gms-tertiary-bg: var(--gms-gray-600);
  --gms-fourth-color: var(--gms-gray-600);
  --gms-fourth-bg: var(--gms-gray-500);
  // deprecated 1.20+
  --gms-quaternary-color: var(--gms-gray-600);
  // deprecated 1.20+
  --gms-quaternary-bg: var(--gms-gray-500);
  --gms-emphasis-color: var(--gms-white);
  --gms-emphasis-bg: var(--gms-gray-900);
  --gms-border-color: var(--gms-gray-700);
  --gms-active-bg: var(--gms-gray-700);
  --gms-active-deep-bg: var(--gms-gray-600);

  // # 灰度场景色 rgb
  --gms-body-color-rgb: var(--gms-gray-300-rgb);
  --gms-body-bg-rgb: var(--gms-gray-900-rgb);
  --gms-secondary-color-rgb: var(--gms-gray-400-rgb);
  --gms-secondary-bg-rgb: var(--gms-gray-700-rgb);
  --gms-tertiary-color-rgb: var(--gms-gray-500-rgb);
  --gms-tertiary-bg-rgb: var(--gms-gray-700-rgb);
  --gms-fourth-color-rgb: var(--gms-gray-600-rgb);
  --gms-fourth-bg-rgb: var(--gms-gray-700-rgb);
  // deprecated 1.20+
  --gms-quaternary-color-rgb: var(--gms-gray-600-rgb);
  // deprecated 1.20+
  --gms-quaternary-bg-rgb: var(--gms-gray-700-rgb);
  --gms-emphasis-color-rgb: var(--gms-white-rgb);
  --gms-emphasis-bg-rgb: var(--gms-gray-900-rgb);
  --gms-border-color-rgb: var(--gms-gray-600-rgb);
  --gms-active-bg-rgb: var(--gms-gray-700-rgb);

  // # 阴影
  --gms-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.1);
  --gms-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.2), 0 1px 2px -1px rgb(0 0 0 / 0.2);
  --gms-shadow-md:
    0 2px 6px -1px rgb(0 0 0 / 0.2), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --gms-shadow-lg:
    0 5px 15px -3px rgb(0 0 0 / 0.2), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --gms-shadow-xl:
    0 10px 25px -5px rgb(0 0 0 / 0.25), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --gms-shadow-2xl: 0 15px 50px -12px rgb(0 0 0 / 0.5);
  --gms-shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.1);

  // # 禁用状态
  --gms-disabled-pointer-events: none;
  --gms-disabled-opacity: 0.6;
  --gms-disabled-cursor: not-allowed;
  --gms-disabled-filter: grayscale(100%);
  --gms-disabled-color: var(--gms-gray-600);
  --gms-disabled-bg: var(--gms-gray-400);
  --gms-disabled-shallow-bg: var(--gms-gray-700);
  --gms-disabled-deep-bg: var(--gms-gray-500);
  --gms-disabled-border-color: var(--gms-gray-600);
}
// #endvariables