/* design/tokens.json から自動生成。直接編集しない。 */
/* 変えるときは design/tokens.json を直して、python scripts/build-tokens.py */
:root{
  --color-accent-base: #5A7850;
  --color-accent-shadow: rgba(90,120,80,0.45);
  --color-accent-track: #DCE4D8;
  --color-avatar-palette: #5A7850, #8A6A4A, #7B6A8C, #5F7A8C, #96704A, #6E8A6A;
  --color-background-base: #F1EBE2;
  --color-background-scrim: rgba(20,16,12,0.42);
  --color-background-tint: #F1F6EE;
  --color-border-base: #E4DDD3;
  --color-border-hairline: #F2EEE8;
  --color-border-tint: #C9DCC2;
  --color-signal-attention: #B14B3C;
  --color-signal-seen: #D9D2C7;
  --color-surface-base: #FFFFFF;
  --color-surface-inverse: #2C2823;
  --color-surface-sunken: #F5F2EC;
  --color-text-base: #2C2823;
  --color-text-muted: #6C655C;
  --color-text-onAccent: #FFFFFF;
  --color-text-onInverse: #FFFFFF;
  --motion-curve: easeOutCubic;
  --motion-durationBase: 220ms;
  --motion-durationFast: 120ms;
  --motion-durationSlow: 340ms;
  --motion-haptics-select: selection;
  --motion-haptics-success: medium;
  --motion-haptics-tap: light;
  --radius-card: 18px;
  --radius-page: 20px;
  --radius-photo: 7px;
  --radius-photoLarge: 12px;
  --radius-pill: 999px;
  --radius-sheet: 22px;
  --space-lg: 16px;
  --space-md: 12px;
  --space-photoGap: 3px;
  --space-sm: 8px;
  --space-xl: 24px;
  --space-xs: 4px;
  --touch-minTarget: 44px;
  --touch-monthChip: 34px;
  --type-family-mono: ui-monospace, SFMono-Regular, "Cascadia Mono", Consolas, monospace;
  --type-family-soft: "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4", "Hiragino Sans", "Yu Gothic UI", "Noto Sans JP", sans-serif;
  --type-lineHeight: 1.5;
  --type-size-age: 11.5px;
  --type-size-body: 13.5px;
  --type-size-caption: 11px;
  --type-size-dayHead: 12px;
  --type-size-monthHead: 18px;
  --type-size-tab: 9.5px;
  --type-size-title: 19px;
  --type-weight-bold: 700;
  --type-weight-heavy: 800;
  --type-weight-normal: 400;
}