@use "../../mixins/namespace" as *;
@use "../../mixins/color-variants" as *;

// 中性暗黑模式主题
:root.dark-neutral {
  // === 核心背景色 ===
  --#{$teek-namespace}-bg-color: #1c1e23;
  --#{$teek-namespace}-bg-color-page: #17191d;

  // === 功能色 ===
  @include generate-color-variants("primary", #6d94e6, true);
  @include generate-color-variants("success", #4cd890, true);
  @include generate-color-variants("warning", #ffe066, true);
  @include generate-color-variants("danger", #e85454, true);
  @include generate-color-variants("error", #ff7e5f, true);

  // === 次级色 ===
  @include generate-color-variants("info", #a3adbb, true);
  @include generate-color-variants("secondary", #7a8296, true);

  // === 背景色 ===
  --#{$teek-namespace}-bg-primary: #1a1f2d;
  --#{$teek-namespace}-bg-primary-rgb: 26, 31, 45;
  --#{$teek-namespace}-bg-success: #1e2a22;
  --#{$teek-namespace}-bg-success-rgb: 30, 42, 34;
  --#{$teek-namespace}-bg-warning: #2d250f;
  --#{$teek-namespace}-bg-warning-rgb: 45, 37, 15;
  --#{$teek-namespace}-bg-danger: #2a1f1f;
  --#{$teek-namespace}-bg-danger-rgb: 42, 31, 31;
  --#{$teek-namespace}-bg-error: #2c2222;
  --#{$teek-namespace}-bg-error-rgb: 44, 34, 34;
  --#{$teek-namespace}-bg-info: #1a2230;
  --#{$teek-namespace}-bg-info-rgb: 26, 34, 48;
  --#{$teek-namespace}-bg-secondary: #24262b;
  --#{$teek-namespace}-bg-secondary-rgb: 36, 38, 43;

  // === 中性色 ===
  --#{$teek-namespace}-bg-neutral: #1a1c20;
  --#{$teek-namespace}-bg-neutral-rgb: 26, 28, 32;

  // === 灰度色，适用于背景色 | 悬停色 ===
  --#{$teek-namespace}-gray-100: #1a1b21;
  --#{$teek-namespace}-gray-100-rgb: 26, 27, 33;
  --#{$teek-namespace}-gray-200: #2a2b31;
  --#{$teek-namespace}-gray-200-rgb: 42, 43, 49;
  --#{$teek-namespace}-gray-300: #3a3b41;
  --#{$teek-namespace}-gray-300-rgb: 58, 59, 65;
  --#{$teek-namespace}-gray-400: #4a4b51;
  --#{$teek-namespace}-gray-400-rgb: 74, 75, 81;
  --#{$teek-namespace}-gray-500: #5a5b61;
  --#{$teek-namespace}-gray-500-rgb: 90, 91, 97;
  --#{$teek-namespace}-gray-600: #7a7b81;
  --#{$teek-namespace}-gray-600-rgb: 122, 123, 129;
  --#{$teek-namespace}-gray-700: #9a9b9d;
  --#{$teek-namespace}-gray-700-rgb: 154, 155, 157;
  --#{$teek-namespace}-gray-800: #cacbcc;
  --#{$teek-namespace}-gray-800-rgb: 202, 203, 204;
  --#{$teek-namespace}-gray-900: #f5f5f5;
  --#{$teek-namespace}-gray-900-rgb: 245, 245, 245;

  // === 文本色 ===
  --#{$teek-namespace}-text-gray-100: var(--#{$teek-namespace}-gray-100);
  --#{$teek-namespace}-text-gray-200: var(--#{$teek-namespace}-gray-200);
  --#{$teek-namespace}-text-gray-300: var(--#{$teek-namespace}-gray-300);
  --#{$teek-namespace}-text-gray-400: var(--#{$teek-namespace}-gray-400);
  --#{$teek-namespace}-text-gray-500: var(--#{$teek-namespace}-gray-500);
  --#{$teek-namespace}-text-gray-600: var(--#{$teek-namespace}-gray-600);
  --#{$teek-namespace}-text-gray-700: var(--#{$teek-namespace}-gray-700);
  --#{$teek-namespace}-text-gray-800: var(--#{$teek-namespace}-gray-800);
  --#{$teek-namespace}-text-gray-900: var(--#{$teek-namespace}-gray-900);

  // === 边框色 ===
  --#{$teek-namespace}-border-color: #2c2e32;
  --#{$teek-namespace}-border-dashed-color: #303236;

  // === 阴影色 ===
  --#{$teek-namespace}-box-shadow-xs: 0 0.1rem 0.75rem 0.25rem rgb(0 0 0 / 16%);
  --#{$teek-namespace}-box-shadow-sm: 0 0.1rem 1rem 0.25rem rgb(0 0 0 / 20%);
  --#{$teek-namespace}-box-shadow-md: 0 0.5rem 1.5rem 0.5rem rgb(0 0 0 / 24%);
  --#{$teek-namespace}-box-shadow-lg: 0 1rem 2rem 1rem rgb(0 0 0 / 28%);

  // === 卡片色 ===
  --#{$teek-namespace}-root-card-box-shadow: 0px 3px 4px 0px rgb(0 0 0 / 20%);
  --#{$teek-namespace}-root-card-border-color: #24262b;
}
