/* 暗色覆盖 · 自动跟系统 (prefers-color-scheme) + 手动 .dark / [data-theme=dark] 双触发 */

@media (prefers-color-scheme: dark) {
  :root {
    --ak-gray-1: #1c1c1c;
    --ak-gray-2: #242424;
    --ak-gray-3: #2c2c2c;
    --ak-gray-4: #353535;
    --ak-gray-5: #3e3e3e;
    --ak-gray-6: #4a4a4a;
    --ak-gray-7: #5b5b5b;
    --ak-gray-8: #757575;
    --ak-gray-9: #909090;
    --ak-gray-10: #a0a0a0;
    --ak-gray-11: #c0c0c0;
    --ak-gray-12: #f0f0f0;

    --ak-accent-1: #18181b;
    --ak-accent-3: #27272a;
    --ak-accent-6: #52525b;
    --ak-accent-9: #fafafa;       /* dark mode 反相 · 主 accent 变浅色 */
    --ak-accent-10: #e4e4e7;
    --ak-accent-11: #d4d4d8;

    --ak-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.6);
    --ak-shadow-md: 0 4px 12px -2px rgb(0 0 0 / 0.5);
    --ak-shadow-lg: 0 12px 32px -4px rgb(0 0 0 / 0.7);
  }
}

:root.dark,
:root[data-theme="dark"] {
  --ak-gray-1: #1c1c1c;
  --ak-gray-2: #242424;
  --ak-gray-3: #2c2c2c;
  --ak-gray-4: #353535;
  --ak-gray-5: #3e3e3e;
  --ak-gray-6: #4a4a4a;
  --ak-gray-7: #5b5b5b;
  --ak-gray-8: #757575;
  --ak-gray-9: #909090;
  --ak-gray-10: #a0a0a0;
  --ak-gray-11: #c0c0c0;
  --ak-gray-12: #f0f0f0;

  --ak-accent-1: #18181b;
  --ak-accent-3: #27272a;
  --ak-accent-6: #52525b;
  --ak-accent-9: #fafafa;
  --ak-accent-10: #e4e4e7;
  --ak-accent-11: #d4d4d8;

  --ak-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.6);
  --ak-shadow-md: 0 4px 12px -2px rgb(0 0 0 / 0.5);
  --ak-shadow-lg: 0 12px 32px -4px rgb(0 0 0 / 0.7);
}