:root {
  --color-paper: oklch(96.7% 0.008 92);
  --color-white: oklch(100% 0 0);
  --color-ink: oklch(18.2% 0.008 155);
  --color-muted: oklch(51.8% 0.014 150);
  --color-rule: oklch(87.2% 0.009 110);
  --color-rule-strong: oklch(79.2% 0.012 125);
  --color-surface-muted: oklch(93.6% 0.009 105);
  --color-accent: oklch(57.5% 0.257 264);
  --color-focus: var(--color-accent);
  --color-dark-rule: oklch(34% 0.009 150);
  --color-on-dark-muted: oklch(72.5% 0.014 150);
  --color-on-dark-body: oklch(83.2% 0.011 145);

  --font-display: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic UI", "Yu Gothic", Meiryo, sans-serif;
  --font-body: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic UI", "Yu Gothic", Meiryo, sans-serif;

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-short: 180ms;

  --paper: var(--color-paper);
  --white: var(--color-white);
  --ink: var(--color-ink);
  --muted: var(--color-muted);
  --line: var(--color-rule);
  --signal: var(--color-accent);
}