@tailwind base;
@tailwind components;
@tailwind utilities;

/* 主題色全部走 CSS 變數，切換主題時樣式才真的跟著變 */
.theme-dark {
  color-scheme: dark;
  --bg: #09090b;
  --panel: #18181b;
  --field: #27272a;
  --edge: #3f3f46;
  --ink: #fafafa;
  --muted: #a1a1aa;
}

.theme-light {
  color-scheme: light;
  --bg: #e4e4e7;
  --panel: #ffffff;
  --field: #f4f4f5;
  --edge: #d4d4d8;
  --ink: #18181b;
  --muted: #52525b;
}