/* 自動生成（web/scripts/build-tokens.mjs）。手で編集しない。元は docs/tokens.json */
:root {
  --color-bg-base: #1A1A1E;
  --color-bg-surface: #26262B;
  --color-bg-raised: #333338;
  --color-bg-inverse: #FFFFFF;
  --color-bg-card: rgba(255, 255, 255, 0.04);
  --color-border-default: rgba(255, 255, 255, 0.12);
  --color-border-subtle: rgba(255, 255, 255, 0.08);
  --color-text-primary: rgba(255, 255, 255, 0.92);
  --color-text-secondary: rgba(255, 255, 255, 0.6);
  --color-text-tertiary: rgba(255, 255, 255, 0.38);
  --color-accent-default: #0A84FF;
  --color-accent-subtle: rgba(10, 132, 255, 0.2);
  --color-accent-text: #7CB8FF;
  --color-status-danger: #FF453A;
  --color-status-success: #30D158;
  --color-scrim: rgba(0, 0, 0, 0.55);
  --radius-pill: 999px;
  --radius-l: 24px;
  --radius-m: 10px;
  --space-page: 16px;
  --space-m: 12px;
  --space-s: 8px;
  --font-family: "Noto Sans JP", sans-serif;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-size-caption: 12px;
  --font-size-small: 13px;
  --font-size-body: 15px;
  --font-size-title: 17px;
  --font-size-display: 22px;
  --line-height-default: 1.4;
  --line-height-onboarding: 1.5;
}