/* 自動生成: packages/ui の themeCss()。手で編集しない */
:root {
  --bg: #FFFFFF;
  --surface: #F6F7F9;
  --text: #111418;
  --muted: #4B5563;
  --border: #D1D5DB;
  --accent: #1D4ED8;
  --on-accent: #FFFFFF;
  --success: #15803D;
  --warning: #A15C07;
  --danger: #B91C1C;
  --focus: #1D4ED8;
  color-scheme: light;
  --font: 'Noto Sans JP', 'Inter', system-ui, sans-serif;
  --motion-fast: 150ms;
  --motion-normal: 250ms;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
  --bg: #0F1115;
  --surface: #171A21;
  --text: #F3F4F6;
  --muted: #A3A9B5;
  --border: #2A2F3A;
  --accent: #60A5FA;
  --on-accent: #0B1220;
  --success: #4ADE80;
  --warning: #FACC15;
  --danger: #F87171;
  --focus: #93C5FD;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg: #0F1115;
  --surface: #171A21;
  --text: #F3F4F6;
  --muted: #A3A9B5;
  --border: #2A2F3A;
  --accent: #60A5FA;
  --on-accent: #0B1220;
  --success: #4ADE80;
  --warning: #FACC15;
  --danger: #F87171;
  --focus: #93C5FD;
  color-scheme: dark;
}
body { background: var(--bg); color: var(--text); font-family: var(--font); font-size: 16px; line-height: 1.7; }
:focus-visible { outline: 3px solid var(--focus); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; } }