/* 自動生成: apps/web/src/lib/themes.ts */
:root {
  color-scheme: light;
  --color-text: #1f2329;
  --color-text-secondary: #5f656e;
  --color-text-tertiary: #868c96;
  --color-border: #dde0e5;
  --color-border-subtle: #e8eaee;
  --color-bg: #f4f5f7;
  --color-bg-subtle: #eaecf0;
  --color-bg-active: #dcdfe6;
  --color-accent: #14171c;
  --color-accent-text: #f4f5f7;
  --color-overlay: rgba(244, 245, 247, 0.9);
  --color-dev-banner: #f5c518;
  --color-dev-banner-text: #14171c;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-scheme="light"]) {
    color-scheme: dark;
    --color-text: #e1e5ec;
    --color-text-secondary: #9aa1ac;
    --color-text-tertiary: #737a86;
    --color-border: #282d35;
    --color-border-subtle: #1f242b;
    --color-bg: #13161b;
    --color-bg-subtle: #1a1e24;
    --color-bg-active: #272d36;
    --color-accent: #e1e5ec;
    --color-accent-text: #13161b;
    --color-overlay: rgba(19, 22, 27, 0.9);
    --color-dev-banner: #f5c518;
    --color-dev-banner-text: #14171c;
  }
}
:root[data-scheme="dark"] {
  color-scheme: dark;
  --color-text: #e1e5ec;
  --color-text-secondary: #9aa1ac;
  --color-text-tertiary: #737a86;
  --color-border: #282d35;
  --color-border-subtle: #1f242b;
  --color-bg: #13161b;
  --color-bg-subtle: #1a1e24;
  --color-bg-active: #272d36;
  --color-accent: #e1e5ec;
  --color-accent-text: #13161b;
  --color-overlay: rgba(19, 22, 27, 0.9);
  --color-dev-banner: #f5c518;
  --color-dev-banner-text: #14171c;
}