/* 火绒 */

:root.dark,
.dark,
[data-theme='dark']{
  --color-text-primary: #f5f5f7 !important;
  --color-text-secondary: #a1a1a6 !important;
  --color-text-tertiary: #86868b !important;
  --color-background-primary: #1c1c1e !important;
  --color-background-secondary: #2c2c2e !important;
  --color-background-tertiary: #3a3a3c !important;
  --color-surface: #2c2c2ecc !important;
  --color-surface-elevated: #3a3a3cf2 !important;
  --color-border: #ffffff1a !important;
  --color-border-secondary: #ffffff0d !important;
  --color-primary: #fa8b15 !important;
  --color-primary-hover: #ff9f38 !important;
  --color-accent: #fa8b15 !important;
  --color-accent-hover: #ff9f38 !important;
  --color-success: #34c759 !important;
  --color-warning: #f1930f !important;
  --color-danger: #ff3b30 !important;
  --color-error: #cb2431 !important;
  --shadow-sm: 0 1px 2px #000000a6;
  --shadow-md: 0 4px 10px #000000bf, 0 2px 4px #00000080;
  --shadow-lg: 0 10px 20px #000000cc, 0 6px 10px #00000099;
  --shadow-xl: 0 20px 40px #000000e6, 0 10px 20px #000000b3;
}

:root,
.light,
[data-theme='light'] {
  --color-text-primary: #1d1d1f !important;
  --color-text-secondary: #6e6e73 !important;
  --color-text-tertiary: #86868b !important;
  --color-background-primary: #ffffff !important;
  --color-background-secondary: #f5f5f7 !important;
  --color-background-tertiary: #fbfbfd !important;
  --color-surface: #ffffffe6 !important;
  --color-surface-elevated: #ffffffff !important;
  --color-border: #0000001a !important;
  --color-border-secondary: #0000000d !important;
  --color-primary: #fa8b15 !important;
  --color-primary-hover: #d9770e !important;
  --color-accent: #fa8b15 !important;
  --color-accent-hover: #d9770e !important;
  --color-success: #34c759 !important;
  --color-warning: #f1930f !important;
  --color-danger: #ff3b30 !important;
  --color-error: #cb2431 !important;
  --shadow-sm: 0 1px 2px #0000001a, 0 1px 1px #0000000d;
  --shadow-md: 0 3px 8px #0000001f, 0 1px 4px #00000014;
  --shadow-lg: 0 8px 20px #00000026, 0 4px 10px #0000001a;
  --shadow-xl: 0 15px 35px #00000033, 0 8px 15px #0000001f;
}
