:root {
  --color-ink: #111111;
  --color-ink-soft: #1A1A1A;
  --color-washi: #FAF8F5;
  --color-washi-dark: #F0EDE8;
  --color-vermillion: #C73E1D;
  --color-vermillion-dark: #A83318;
  --color-gray: #6B6B6B;
  --color-gray-light: #9A9A9A;
  --color-line: #E5E0D8;
  --color-white: #FFFFFF;
  --color-error: #C73E1D;

  --font-heading: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", Georgia, serif;
  --font-body: "IBM Plex Sans", system-ui, -apple-system, sans-serif;

  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;
  --space-4xl: 6rem;
  --space-5xl: 8rem;

  --transition-fast: 180ms ease;
  --transition-base: 500ms cubic-bezier(0.22, 1, 0.36, 1);
  --transition-slow: 900ms cubic-bezier(0.22, 1, 0.36, 1);
  --transition-reveal: 1100ms cubic-bezier(0.16, 1, 0.3, 1);

  --header-height: 80px;
  --max-width: 1200px;
  --max-width-narrow: 420px;
  --max-width-text: 640px;
}