/* time-machine-ui v1 · design tokens: colours, glass, radii, spacing, fonts
   Shared by the time-machine products (junhyeopsong.github.io). Load tokens.css, then base.css,
   then the product's own styles. Breaking changes go to /v2/; /v1/ only gets compatible fixes. */
:root {
  color-scheme: dark;
  --space: #05070d;
  --ink: #f2f5fa;
  --ink-2: rgba(235, 240, 250, 0.72);
  --ink-3: rgba(235, 240, 250, 0.5);
  --accent: #ffb547;
  --on: #30d158;                                   /* switch on (iOS green) */
  --glass: linear-gradient(180deg, rgba(255,255,255,0.13), rgba(255,255,255,0.05));
  --glass-solid: rgba(22, 26, 38, 0.86);
  --hair: rgba(255, 255, 255, 0.18);
  --fill: rgba(118, 118, 128, 0.24);               /* iOS tertiary fill */
  --fill-2: rgba(118, 118, 128, 0.36);
  --r-panel: 22px; --pad-panel: 8px; --r-inner: calc(var(--r-panel) - var(--pad-panel));   /* 14px */
  --r-seg: 9px; --r-seg-in: 7px;                   /* segmented control: 9 outer, 2 inset → 7 */
  --f-body: "IBM Plex Sans KR", -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;
  --f-data: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;
}
html:lang(ja) { --f-body: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Noto Sans JP", "IBM Plex Sans KR", system-ui, sans-serif; }
html:lang(zh-Hans) { --f-body: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", "IBM Plex Sans KR", system-ui, sans-serif; }
html:lang(zh-Hant) { --f-body: "PingFang TC", "Microsoft JhengHei", "Noto Sans TC", "IBM Plex Sans KR", system-ui, sans-serif; }
html:lang(ru) { --f-body: -apple-system, "Segoe UI", Roboto, "Noto Sans", system-ui, sans-serif; }