/* 自動生成: design-tokens.json が正本。npm run tokens で再生成。 */
:root {
  --bg: #F4F6FB;
  --surface: #FFFFFF;
  --surface-alt: #EDF1F8;
  --text: #16233B;
  --muted: #526078;
  --brand: #304FC6;
  --brand-ink: #FFFFFF;
  --tint: #EAF0FF;
  --line: #CBD4E4;
  --control-line: #7D8CA5;
  --focus: #2648BC;
  --success: #176342;
  --success-bg: #E1F2E8;
  --warning: #784B08;
  --warning-bg: #FFF3D8;
  --danger: #A1263F;
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Consolas, monospace;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --radius-sm: 0.5rem;
  --radius-md: 0.875rem;
  --radius-lg: 1.25rem;
  --radius-pill: 999px;
  --layout-page: 72rem;
  --layout-reading: 48rem;
  --layout-touch: 2.75rem;
  --type-body: 1rem;
  --type-small: 0.875rem;
  --type-caption: 0.8125rem;
  --type-h1: clamp(2rem, 4.5vw, 3.5rem);
  --type-h2: clamp(1.4rem, 3vw, 2rem);
  --motion-fast: 140ms;
  --motion-normal: 220ms;
  color-scheme: light;
}
:root[data-theme="dark"] {
  --bg: #101725;
  --surface: #192338;
  --surface-alt: #202D45;
  --text: #EDF2FF;
  --muted: #B4C0D5;
  --brand: #AFC0FF;
  --brand-ink: #172440;
  --tint: #273759;
  --line: #465976;
  --control-line: #8E9FBB;
  --focus: #C5D1FF;
  --success: #9ED8B9;
  --success-bg: #173B31;
  --warning: #F4CE86;
  --warning-bg: #42351E;
  --danger: #FFADBE;
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]):not([data-theme="dark"]) {
  --bg: #101725;
  --surface: #192338;
  --surface-alt: #202D45;
  --text: #EDF2FF;
  --muted: #B4C0D5;
  --brand: #AFC0FF;
  --brand-ink: #172440;
  --tint: #273759;
  --line: #465976;
  --control-line: #8E9FBB;
  --focus: #C5D1FF;
  --success: #9ED8B9;
  --success-bg: #173B31;
  --warning: #F4CE86;
  --warning-bg: #42351E;
  --danger: #FFADBE;
    color-scheme: dark;
  }
}